Minimum button width

main
Bob Mottram 2020-08-31 13:07:00 +01:00
parent 392717c1bc
commit 65e793e67f
1 changed files with 9 additions and 9 deletions

View File

@ -992,8 +992,8 @@ aside .toggle-inside li {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 200px;
min-width: 80px; min-width: 10ch;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -1009,7 +1009,7 @@ aside .toggle-inside li {
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
min-width: 80px; min-width: 10ch;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -1025,7 +1025,7 @@ aside .toggle-inside li {
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
min-width: 80px; min-width: 10ch;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -1041,7 +1041,7 @@ aside .toggle-inside li {
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
min-width: 80px; min-width: 10ch;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -1432,7 +1432,7 @@ aside .toggle-inside li {
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 10ch;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;
@ -1448,7 +1448,7 @@ aside .toggle-inside li {
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 10ch;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;
@ -1464,7 +1464,7 @@ aside .toggle-inside li {
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 10ch;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;
@ -1480,7 +1480,7 @@ aside .toggle-inside li {
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 10ch;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;