From 9495e3fbb3ec1434e7fa34d64bf6c6f578b2e323 Mon Sep 17 00:00:00 2001
From: TolaMironcenko <mironcenkotola@gmail.com>
Date: Mon, 24 Feb 2025 16:45:40 +0700
Subject: [PATCH] fixed css

---
 src/web/css/form.css   | 10 +++++++++-
 src/web/css/header.css |  1 -
 src/web/css/index.css  | 14 ++++++++++----
 src/web/index.html     | 11 -----------
 4 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/web/css/form.css b/src/web/css/form.css
index adff24a..53723a2 100644
--- a/src/web/css/form.css
+++ b/src/web/css/form.css
@@ -48,7 +48,7 @@
 .forminputbody {
     width: 50%;
     display: flex;
-    flex-direction: column;
+    justify-content: space-between;
 }
 
 .forminputbody.confirmform {
@@ -92,6 +92,7 @@
     border: none;
     cursor: pointer;
     transition: 0.3s;
+    width: 100%;
 }
 
 .formbutton:hover {
@@ -110,6 +111,13 @@
     }
 }
 
+
+@media screen and (max-width: 600px) {
+    .forminputbody {
+        flex-direction: column;
+    }
+}
+
 @media screen and (max-width: 500px) {
     .formbody {
         width: 100%;
diff --git a/src/web/css/header.css b/src/web/css/header.css
index aab2e97..a421f5f 100644
--- a/src/web/css/header.css
+++ b/src/web/css/header.css
@@ -2,7 +2,6 @@ header {
     width: 100vw;
     height: 50px;
     padding: 10px;
-    margin: 5px;
     display: grid;
     grid-template-columns: 32% 32% 32%;
     align-items: center;
diff --git a/src/web/css/index.css b/src/web/css/index.css
index 65e1f04..dd7f3a3 100644
--- a/src/web/css/index.css
+++ b/src/web/css/index.css
@@ -9,17 +9,21 @@
 }
 
 body {
-    width: 100vw;
-    height: 100vh;
+    position: absolute;
+    width: 100%;
+    height: 100%;
 }
 
 .adminpanel {
     position: relative;
     width: 100%;
-    height: 100%;
+    height: 100vh;
     transform: scale(0.5);
     opacity: 0;
     transition: 0.3s;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
 }
 
 .adminpanel.active {
@@ -29,6 +33,8 @@ body {
 
 .section {
     position: relative;
+    display: block;
     overflow: hidden;
-    height: calc(100vh - 50px);
+    height: 100%;
+    width: 100%;
 }
diff --git a/src/web/index.html b/src/web/index.html
index b41bc77..f9a29b6 100644
--- a/src/web/index.html
+++ b/src/web/index.html
@@ -257,17 +257,6 @@
         </form>
     </div>
     <!-- login form -->
-    <!-- confirm form -->
-    <div class="form" id="confirmform">
-        <div class="formbody confirmformbody">
-            <h1 class="formheader" id="confirmformheader">Confirm DNS settings?</h1>
-            <div class="forminputbody confirmform" id="confirmformbuttons">
-                <button class="formbutton" id="cancel">Cancel</button>
-                <button class="formbutton" id="confirm">Confirm</button>
-            </div>
-        </div>
-    </div>
-    <!-- confirm form -->
     <!-- loader -->
     <div class="loader">
         <h1 id="loaderheader">Reboting</h1>