Updated styling to sign in page

MajinB10 · Feb 10, 2023 · a70133d · a70133d
1 parent 736566b
commit a70133d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/signin.html b/signin.html
@@ -61,9 +61,9 @@ <h1>Sign In</h1>
                     <input type="text" id="signin-password" class="form-control" required>
                 </div>
             <input type="submit" value="Send" class="btn btn-primary" id="signin-submit">
-            <button id="signup" class="btn">Create an Account</button>
+            <div id="signuppos"><button id="signup">Create an Account</button></div>
             </form>
-
+            
         </div>
     </div>
 

diff --git a/style.css b/style.css
@@ -735,26 +735,30 @@ footer .copyright {
     padding: 10%;
     font-size: 2000%;
 }
-#signup .btn{
+#signup{
     background-color: plum;
     border: none;
     color: black;
+    padding: 10px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 15px;
     font-weight: 700;
     cursor: pointer;   
     transition: 0.3s ease;
-    left: 200px;
+    border-radius: 4px;
 }
-#signup .btn:hover {
+#signup:hover {
     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
     transform: translateY(-3px);
     background-color: black;
     color: white;
     transition: 0.3s ease;
 }
+#signuppos {
+    padding-top: 10px;
+}
 
 
 /* Media */