From 2d2801a3166ab22cfe142e720638ef7de99d245e Mon Sep 17 00:00:00 2001
From: polarDefender <patch.demon115@gmail.com>
Date: Fri, 24 May 2024 05:19:11 +0900
Subject: [PATCH] update responsieve

---
 static/css/styles.css | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index 1a1812c5..438ae6f1 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -9,12 +9,13 @@
 }
 
 body {
-  margin-block-start: 15px;
   font-family: Montserrat;
   background-color: var(--background-color);
   color: var(--color);
   text-align: center;
-  overflow: scroll;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  margin: 0;
 }
 
 header {
@@ -24,12 +25,22 @@ header {
   flex-direction: row;
   align-items: center;
   gap: 1rem;
+  height: 4rem;
+  padding: 0.5rem 1rem;
 }
 
 main {
   max-width: 600px;
+  min-height: calc(100vh - 15rem);
   width: 100%;
   margin-inline: auto;
+  padding: 1rem;
+}
+
+@media (min-width: 640px) {
+  main {
+    min-height: auto;
+  }
 }
 
 * {
@@ -188,7 +199,7 @@ a {
 @media (max-width: 768px) {
   .setup-header > h2 {
     font-size: 24px;
-  } 
+  }
 }
 
 .setup-header .header-title {
@@ -231,7 +242,9 @@ footer {
   max-width: 500px;
   width: 100%;
   margin-inline: auto;
-  margin-top: 18px;
+  padding-top: 18px;
+  padding-left: 1rem;
+  padding-right: 1rem;
 }
 
 footer .footer-text {
@@ -248,4 +261,4 @@ footer .footer-text {
 
 .hidden-button {
   visibility: hidden;
-}
\ No newline at end of file
+}