From e2667e3d5ae2f87f79b67930613d627113e28c7c Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Tue, 15 Oct 2019 09:57:45 +0100
Subject: [PATCH] Mobile button size

---
 epicyon-profile.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index a16b129c..f2a456dd 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -14,6 +14,7 @@
     --border-color: #505050;
     --font-size-header: 18px;
     --font-color-header: #ccc;
+    --font-size-button-mobile: 30px;
     --font-size: 30px;
     --font-size2: 24px;
     --font-size3: 40px;
@@ -931,7 +932,7 @@ div.gallery img {
         border: none;
         color: var(--button-text);
         text-align: center;
-        font-size: var(--font-size3);
+        font-size: var(--font-size-button-mobile);
         padding: var(--button-height-padding-mobile);
         width: 20%;
         max-width: 400px;
@@ -946,7 +947,7 @@ div.gallery img {
 	border: none;
 	color: var(--button-text);
 	text-align: center;
-	font-size: var(--font-size3);
+	font-size: var(--font-size-button-mobile);
 	padding: var(--button-height-padding-mobile);
 	width: 20%;
 	max-width: 400px;
@@ -961,7 +962,7 @@ div.gallery img {
         border: none;
         color: var(--button-text);
         text-align: center;
-        font-size: var(--font-size3);
+        font-size: var(--font-size-button-mobile);
         padding: var(--button-height-padding-mobile);
         width: 20%;
         max-width: 400px;
@@ -976,7 +977,7 @@ div.gallery img {
 	border: none;
 	color: var(--button-text);
 	text-align: center;
-	font-size: var(--font-size3);
+	font-size: var(--font-size-button-mobile);
 	padding: var(--button-height-padding-mobile);
 	width: 20%;
 	max-width: 400px;
@@ -1092,7 +1093,7 @@ div.gallery img {
 	border: none;
 	color: var(--button-text);
 	text-align: center;
-	font-size: var(--font-size3);
+	font-size: var(--font-size-button-mobile);
 	padding: var(--button-height-padding-mobile);
 	width: 20%;
 	max-width: 200px;