From adba305021bd11c49ffd54cabce519422a24e969 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Sat, 4 Jul 2020 11:12:14 +0100
Subject: [PATCH] Different checkbox size for mobile

---
 epicyon-follow.css  | 31 ++++++++++++++++++++-----------
 epicyon-profile.css | 31 ++++++++++++++++++++-----------
 2 files changed, 40 insertions(+), 22 deletions(-)

diff --git a/epicyon-follow.css b/epicyon-follow.css
index 308d99de..404a14e5 100644
--- a/epicyon-follow.css
+++ b/epicyon-follow.css
@@ -171,17 +171,6 @@ input[type=text] {
     width: 15%;
 }
 
-input[type=checkbox]
-{
-    -ms-transform: scale(2);
-    -moz-transform: scale(2);
-    -webkit-transform: scale(2);
-    -o-transform: scale(2);
-    transform: scale(2);
-    padding: 10px;
-    margin: 20px 30px;
-}
-
 @media screen and (min-width: 400px) {
     .hashtagswarm {
         font-size: var(--hashtag-size1);
@@ -217,6 +206,16 @@ input[type=checkbox]
         cursor: pointer;
         margin: 30px;
     }
+    input[type=checkbox]
+    {
+	-ms-transform: scale(2);
+	-moz-transform: scale(2);
+	-webkit-transform: scale(2);
+	-o-transform: scale(2);
+	transform: scale(2);
+	padding: 10px;
+	margin: 20px 30px;
+    }
 }
 
 @media screen and (max-width: 1000px) {
@@ -254,4 +253,14 @@ input[type=checkbox]
         cursor: pointer;
         margin: 30px;
     }
+    input[type=checkbox]
+    {
+	-ms-transform: scale(4);
+	-moz-transform: scale(4);
+	-webkit-transform: scale(4);
+	-o-transform: scale(4);
+	transform: scale(4);
+	padding: 10px;
+	margin: 20px 30px;
+    }
 }
diff --git a/epicyon-profile.css b/epicyon-profile.css
index 07941815..d9b191d4 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -588,17 +588,6 @@ input[type=submit]:hover {
 /* Show the dropdown menu on hover */
 .show {display: block;}
 
-input[type=checkbox]
-{
-    -ms-transform: scale(2);
-    -moz-transform: scale(2);
-    -webkit-transform: scale(2);
-    -o-transform: scale(2);
-    transform: scale(2);
-    padding: 10px;
-    margin: 20px 30px;
-}
-
 .slider {
     -webkit-appearance: none;
     width: 57%;
@@ -1244,6 +1233,16 @@ aside .toggle-inside li {
 	-webkit-background-clip: padding-box;
 	background-clip: padding-box;
     }
+    input[type=checkbox]
+    {
+	-ms-transform: scale(2);
+	-moz-transform: scale(2);
+	-webkit-transform: scale(2);
+	-o-transform: scale(2);
+	transform: scale(2);
+	padding: 10px;
+	margin: 20px 30px;
+    }
 }
 
 @media screen and (min-width: 2200px) {
@@ -1636,4 +1635,14 @@ aside .toggle-inside li {
 	-webkit-background-clip: padding-box;
 	background-clip: padding-box;
     }
+    input[type=checkbox]
+    {
+	-ms-transform: scale(4);
+	-moz-transform: scale(4);
+	-webkit-transform: scale(4);
+	-o-transform: scale(4);
+	transform: scale(4);
+	padding: 10px;
+	margin: 20px 30px;
+    }
 }