Try to fix css error in login (OCD)

r4ulcl · Jul 4, 2024 · 44391db · 44391db
1 parent 9604b0b
commit 44391db
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 6 deletions.
diff --git a/APs/config/html/login.php b/APs/config/html/login.php
@@ -176,8 +176,6 @@
     }
 
     ?>
-
-
     <form action="" method="post" name="Login_Form">
       <table width="400" border="0" align="center" cellpadding="5" cellspacing="1" class="Table">
         <?php if (isset($msg)) { ?>
@@ -193,15 +191,15 @@
           </td>
         </tr>
         <tr>
-          <td align="right" valign="top">Username</td>
+          <td align="right" valign="middle">Username</td>
           <td><input name="Username" type="text" class="Input"></td>
         </tr>
         <tr>
-          <td align="right">Password</td>
+          <td align="right" valign="middle">Password</td>
           <td><input name="Password" type="password" class="Input"></td>
         </tr>
         <tr>
-          <td> </td>
+          <td></td>
           <td><input name="Submit" type="submit" value="Login" class="Button3"></td>
         </tr>
       </table>

diff --git a/APs/config/html/style.css b/APs/config/html/style.css
@@ -84,4 +84,45 @@ button:disabled {
   font-size: 0.8rem;
   color: #8be9fd;
   margin-top: 0.5rem;
-}
+}
+
+.message {
+  text-align: center;
+  color: #ff5555;
+  margin-bottom: 1rem;
+}
+
+.table {
+  width: 100%;
+}
+
+.table td {
+  padding: 10px;
+  vertical-align: middle;
+}
+
+.Input {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 10px;
+  border: 1px solid #6272a4;
+  border-radius: 5px;
+  background: #6272a4;
+  color: #f8f8f2;
+  font-size: 1.1em;
+}
+
+.Button3 {
+  width: 100%;
+  padding: 10px;
+  border: none;
+  background-color: #ff79c6;
+  color: #282a36;
+  border-radius: 5px;
+  font-size: 1.2em;
+  cursor: pointer;
+}
+
+.Button3:hover {
+  background-color: #ff92d0;
+}