Fixed padding issues

blackbird7112 · Jun 23, 2021 · 82afdf9 · 82afdf9
1 parent a335d3d
commit 82afdf9
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/app/views/templates/adminsignin.twig b/app/views/templates/adminsignin.twig
@@ -5,9 +5,9 @@
 {% block body %}
 <h2>Welcome Admin</h2>
    <form action="/adminlog" method="POST">
-    <div class="text">Username: <input type="text" name="usr"></div>
+    <div class="text"><div class="label">Username:</div><input class="myinput" type="text" name="usr"></div>
     <br>
-    <div class="text">Password: <input type="password" name="pass"></div>
+    <div class="text"><div class="label">Password:</div><input class="myinput" type="password" name="pass"></div>
     <br>
     <input type="submit" value="Login">
   </form>

diff --git a/app/views/templates/base.twig b/app/views/templates/base.twig
@@ -20,6 +20,9 @@
         flex-direction: column;
         margin-top:10%;
     }
+    form{
+        padding: 10px;
+    }
     input {
         font-size: 1vw;
         text-align: center;
@@ -30,6 +33,7 @@
     table,th,td,tr {
         font-size: 1vw;
         border: 1px solid #8750A9;
+        padding: 5px 10px 5px 10px;
         margin-left:auto;
         margin-right:auto;
     }

diff --git a/app/views/templates/usersignin.twig b/app/views/templates/usersignin.twig
@@ -2,13 +2,14 @@
 {% block title %}User Login{% endblock %}
 
 
-{% block body %}<h2>Welcome User</h2>
+{% block body %}
+<h2>Welcome User</h2>
    <form action="/userlog" method="POST">
-    <div class="text"><div class="label">Username:</div><input class="myinput" type="text" name="usr">
-    <br></div>
-    <div class="text"><div class="label">Password:</div><input class="myinput" type="password" name="pass">
-    <br></div>
-    <input type="submit" value="Login" name="submit">
+    <div class="text"><div class="label">Username:</div><input class="myinput" type="text" name="usr"></div>
+    <br>
+    <div class="text"><div class="label">Password:</div><input class="myinput" type="password" name="pass"></div>
+    <br>
+    <input type="submit" value="Login">
   </form>
   <form action="/" method="GET">
     <input class="invert" type="submit" value="Home">