From cf0104d387cac7f8a4104bf2e850b3037cf66404 Mon Sep 17 00:00:00 2001
From: syrell <syrell@syyrell.com>
Date: Thu, 29 Jun 2023 18:55:59 +0200
Subject: [PATCH] Fixed darkmode button position to be responsive

---
 css/skeleton-auto.css | 11 +++++++++--
 index.html            |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/css/skeleton-auto.css b/css/skeleton-auto.css
index 2d2abfe..5863700 100644
--- a/css/skeleton-auto.css
+++ b/css/skeleton-auto.css
@@ -278,13 +278,20 @@ hr {
        url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg'); /* Legacy iOS */
 }
 
+#darkmode-toggle {
+  display: none; 
+}
+
 label {
   width:70px;
   height:35px;
   position: relative;
   display: block;
-  top: -40px;
-  left: 265px;
+  top: -20px;
+  left: 44%;
+  /* left: 265px; */
+  text-align: center;
+  /* left: 44%; */
   background: #ebebeb;
   border-radius: 20px;
   box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4), inset 0px 0px 10px rgba(255,255,255,0.4);
diff --git a/index.html b/index.html
index 0afead6..1c6b514 100644
--- a/index.html
+++ b/index.html
@@ -103,7 +103,7 @@
           This can improve the experience for assistive technology users by hiding what is essentially duplicated
 
         -->
-        <input class="button" type="checkbox" id="darkmode-toggle" onclick="setTheme()"/>
+        <input type="checkbox" id="darkmode-toggle" onclick="setTheme()"/>
         <label for="darkmode-toggle"></label>
 
         <script>