commit fix css login and register

emslmar · emslmar · commit 07c4f9bcabcb · 2022-02-14T11:43:01.000+01:00
diff --git a/Youdemy/.DS_Store b/Youdemy/.DS_Store
diff --git a/Youdemy/web/css/signin.css b/Youdemy/web/css/signin.css
@@ -22,7 +22,7 @@ body {
   display: block;
   margin-left: auto;
   margin-right: auto;
-  
+
 }
 
 .form-signin .checkbox {
@@ -33,25 +33,19 @@ body {
   z-index: 2;
 }
 
-.form-signin input[type="first"] {
+.top {
   margin-bottom: -1px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
 
-.form-signin input[type="last"] {
-  margin-bottom: 10px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.middle {
+  margin-bottom: -1px;
+  border-radius: 0;
 }
 
-.form-signin input[type="middle"] {
-  margin-top: -1px;
-  margin-bottom: -1px;
+.bottom {
+  margin-bottom: 10px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
 }
-
-
diff --git a/Youdemy/web/login.html b/Youdemy/web/login.html
@@ -12,13 +12,13 @@
 
     <!-- Bootstrap core CSS -->
     <link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">
-    
+
     <!-- Custom styles for this template -->
     <link href="css/signin.css" rel="stylesheet">
   </head>
 
 <body>
-    
+
   <header>
     <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
       <div class="container-fluid">
@@ -72,11 +72,11 @@
       <h1 class="h3 mb-3 fw-normal">Sign in</h1>
 
       <div class="form-floating">
-        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
+        <input type="email" class="form-control top" id="floatingInput" placeholder="name@example.com">
         <label for="floatingInput">e-mail</label>
       </div>
       <div class="form-floating mb-4">
-        <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
+        <input type="password" class="form-control bottom" id="floatingPassword" placeholder="Password">
         <label for="floatingPassword">Password</label>
       </div>
       <button class="w-100 btn btn-lg btn-primary mb-3" type="submit">Sign in</button>
@@ -94,6 +94,6 @@ <h1 class="h3 mb-3 fw-normal">Sign in</h1>
     </footer>
   </main>
 
-  <script src="../assets/dist/js/bootstrap.bundle.min.js"></script>    
+  <script src="../assets/dist/js/bootstrap.bundle.min.js"></script>
   </body>
 </html>
diff --git a/Youdemy/web/register.html b/Youdemy/web/register.html
@@ -12,13 +12,13 @@
 
     <!-- Bootstrap core CSS -->
     <link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">
-    
+
     <!-- Custom styles for this template -->
     <link href="css/signin.css" rel="stylesheet">
   </head>
 
 <body>
-    
+
   <header>
     <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
       <div class="container-fluid">
@@ -72,19 +72,19 @@
       <h1 class="h3 mb-3 fw-normal">Sign Up</h1>
 
       <div class="form-floating">
-        <input type="first" class="form-control" id="floatingName" placeholder="name">
+        <input type="first" class="form-control top" id="floatingName" placeholder="name">
         <label for="name">name</label>
       </div>
       <div class="form-floating">
-        <input type="middle" class="form-control" id="floatingLastName" placeholder="name@example.com">
+        <input type="middle" class="form-control middle" id="floatingLastName" placeholder="name@example.com">
         <label for="floatingInput">surname</label>
       </div>
       <div class="form-floating">
-        <input type="middle" class="form-control" id="floatingEmail" placeholder="name@example.com">
+        <input type="middle" class="form-control middle" id="floatingEmail" placeholder="name@example.com">
         <label for="floatingInput">e-mail</label>
       </div>
       <div class="form-floating mb-4">
-        <input type="last" class="form-control" id="floatingPassword" placeholder="Password">
+        <input type="last" class="form-control bottom" id="floatingPassword" placeholder="Password">
         <label for="floatingPassword">Password</label>
       </div>
       <button class="w-100 btn btn-lg btn-primary mb-3" type="submit">Sign up</button>
@@ -102,6 +102,6 @@ <h1 class="h3 mb-3 fw-normal">Sign Up</h1>
     </footer>
   </main>
 
-  <script src="../assets/dist/js/bootstrap.bundle.min.js"></script>    
+  <script src="../assets/dist/js/bootstrap.bundle.min.js"></script>
   </body>
 </html>
