fixed css

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%;

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;

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%;
 }

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>