From 65e793e67f5113867b439f317b5eb052556c6100 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Mon, 31 Aug 2020 13:07:00 +0100
Subject: [PATCH] Minimum button width

---
 epicyon-profile.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

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