From b4f61b842dfc8157a0077fb82556256ef77ec75e Mon Sep 17 00:00:00 2001
From: limepotato <limepot@protonmail.ch>
Date: Sun, 8 Sep 2024 01:54:54 -0600
Subject: [PATCH] tweak mobile css

---
 public/styles/css/classes.css               |  6 +++++-
 public/styles/css/mobile.css                | 12 ++++++++++--
 src/components/main-page/widgets/ntfy.astro |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/public/styles/css/classes.css b/public/styles/css/classes.css
index 7f645a6..ccc80cd 100644
--- a/public/styles/css/classes.css
+++ b/public/styles/css/classes.css
@@ -119,11 +119,15 @@ hr {
     image-rendering: pixelated;
 }
 
-fieldset {
+.ntfyOpts {
     -webkit-box-shadow: 0 0 20px var(--accent-color);
     -moz-box-shadow: 0 0 20px var(--accent-color);
     box-shadow: 0 0 20px var(--accent-color);
     border: 2.5px solid var(--accent);
     border-radius: 3px;
     display: inherit;
+    margin-left: 35%;
+    margin-right: 35%;
+    margin-bottom: -4%;
+    margin-top: 2%;
 }
\ No newline at end of file
diff --git a/public/styles/css/mobile.css b/public/styles/css/mobile.css
index 13b19c7..9f65e31 100644
--- a/public/styles/css/mobile.css
+++ b/public/styles/css/mobile.css
@@ -1,10 +1,18 @@
 @media (max-width: 768px) {
     :root {
-        font-size: 14px;
+        font-size: 12px;
     }
 
     h1 {
-        font-size: 32px;
+        font-size: 30px;
+    }
+
+    h2 {
+        font-size: 20px;
+    }
+
+   .ntfyOpts {
+        margin: initial;
     }
 
     .ntfyForm {
diff --git a/src/components/main-page/widgets/ntfy.astro b/src/components/main-page/widgets/ntfy.astro
index d79acbb..299686a 100644
--- a/src/components/main-page/widgets/ntfy.astro
+++ b/src/components/main-page/widgets/ntfy.astro
@@ -24,7 +24,7 @@
   </button>
   <br>
     <!-- OPTIONS BOXES -->
-    <fieldset style="margin-left: 35%; margin-right: 35%; margin-bottom: -4%; margin-top: 2%;">
+    <fieldset class="ntfyOpts">
         <div>
           <input type="checkbox" id="optionsCheckbox" name="optionsCheckbox" onchange="toggleOptions()"/>
           <label for="optionsCheckbox">More Options</label>