From 96712f5f2928dcc64c7d5ee61c654821c51a02c9 Mon Sep 17 00:00:00 2001
From: Gcat101 <gcatmail2@gmail.com>
Date: Sun, 30 Jul 2023 23:11:49 +0300
Subject: [PATCH] improve the mobile version

---
 src/Router.svelte       | 16 +++++++++++-----
 src/pages/search.svelte |  9 ++++++++-
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/Router.svelte b/src/Router.svelte
index 49ac052..90d404a 100644
--- a/src/Router.svelte
+++ b/src/Router.svelte
@@ -209,19 +209,25 @@
 
     @media only screen and (max-width: 600px) {
         :global(h1) {
-            font-size: 2em;
+            font-size: 1.7em;
+        }
+        :global(button) {
+            font-size: 1.7em;
         }
         :global(h2) {
-            font-size: 1em;
+            font-size: .7em;
+        }
+        :global(input) {
+            font-size: .7em;
         }
         :global(h3) {
-            font-size: 0.9em;
+            font-size: 0.6em;
         }
         :global(h4) {
-            font-size: 0.8em;
+            font-size: 0.5em;
         }
         :global(p) {
-            font-size: 0.95em;
+            font-size: 0.65em;
         }
     }
 </style>
diff --git a/src/pages/search.svelte b/src/pages/search.svelte
index 57070a5..1a07013 100644
--- a/src/pages/search.svelte
+++ b/src/pages/search.svelte
@@ -62,7 +62,9 @@
         flex-direction: column;
         align-items: center;
 
-        width: 90vw;
+        width: 100vw;
+        padding-inline: 30px;
+        box-sizing: border-box;
     }
     #card {
         width: 100%;
@@ -95,6 +97,11 @@
             transform: scale(100%);
         }
     }
+    @media only screen and (max-width: 600px) {
+        #search > input {
+            width: 80vw;
+        }
+    }
 </style>
 
 <main>