fixed mobile ui up a bit :3

1 files changed, 24 insertions, 4 deletions

diff --git a/static/main.css b/static/main.css
index 6a484a6..d22965e 100644
--- a/static/main.css
+++ b/static/main.css
@@ -38,10 +38,15 @@ body {
 }
 
 .view-home .container {
-    width:100%;
-    max-width:580px;
-    text-align:center;
+    width: 100%;
+    max-width: 580px;
+    margin: 0 auto; 
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
+
 .view-home .hero-logo {
     font-size:4.5rem;
     margin-bottom:30px;
@@ -49,13 +54,16 @@ body {
     font-weight:800;
 }
 .view-home .search-input-wrapper {
-    margin-bottom:24px;
+    width: 100%;
+    margin-bottom: 24px;
 }
+
 .view-home .search-box {
     font-size:1.1rem;
     padding:16px 28px;
     box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
 }
+
 .view-home .buttons {
     display:flex;
     gap:12px;
@@ -118,6 +126,7 @@ h1 span {
     outline: none;
     transition: border-color 0.2s, box-shadow 0.2s;
 }
+
 .search-box:focus {
     border-color:var(--accent);
     box-shadow:0 0 0 4px var(--accent-glow);
@@ -358,6 +367,16 @@ h1 span {
         padding:12px 16px;
         width:91vw;
     }
+
+    .view-home .search-box {
+        width: 75vw;
+    }
+
+    .view-home {
+        padding-top: 20vh;
+        align-items: flex-start;
+    }
+
     .search-form {
         width:100%;
     }
@@ -373,3 +392,4 @@ h1 span {
     }
 
 
+}
\ No newline at end of file