css login form

2023-11-27 16:06:28 +01:00
parent d6bd976a4c
commit 8ed04c2f8b
4 changed files with 73 additions and 30 deletions
@@ -78,10 +78,11 @@ header{
                        }
                    }
                    #user-login-form{
-                        width: 70%;
+                        width: 80%;
                        display: flex;
                        flex-direction: column;
-                        align-items: end;
+                        align-items: start;
+                        padding-left: 2.5rem;
                    }
                    ul{
                        width: 70%;
@@ -90,6 +91,17 @@ header{
                        li{
                            margin-bottom: 3rem;
                        }
+
+                    }
+                    ul:last-of-type{
+                        a{
+                            text-transform: uppercase;
+                            padding: 1rem;
+                            border: solid black 1px;
+                            margin-bottom: 1rem;
+                            background-color: $white-button;
+    
+                        }
                    }
                }
            }
@@ -171,8 +183,14 @@ header{
                        width: 70%;
                        display: flex;
                        flex-direction: column;
+                        padding-left: 0;
                        li{
-                            margin-bottom: 3rem;
+                            // margin-bottom: 3rem;
+                            text-transform: uppercase;
+                            padding: 1rem;
+                            border: solid black 1px;
+                            margin-bottom: 1rem;
+                            background-color: $white-button;
                        }
                    }
                }