un stadiu mai avansat cu overlay the confirmare a parolei CEO

User/src/renderer/css/profile.css

@@ -31,7 +31,7 @@ body, html {
     margin-bottom: 10rem;
 }
 
-.signup-form {
+.profile-form {
     background-color: #535C91;
     opacity: 71;
     padding: 13vh 3vh 5vh;
@@ -40,11 +40,15 @@ body, html {
     width: 25%;
 }
 
-.signup-form-title{
+.profile-form-title{
     margin-bottom: 5vh;
 }
 
-.signup-form-title h2 {
+.profile-form hr{
+    width: 40%;
+}
+
+.profile-form-title h2 {
     color: #FFFFFF;
     margin: 0;
     padding: 0;
@@ -52,42 +56,20 @@ body, html {
     font-size: 5vh;
 }
 
-.signup-form button {
-    width: 100%;
-    padding: 10px;
-    border: none;
-    border-radius: 5px;
-    margin-top: 5px;
-    cursor: pointer;
+.profile-form-content{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
 }
 
-.signup-form-footer{
+.profile-form-footer{
     margin-top: 7vh;
     display: flex;
     flex-direction: row;
+    justify-content: center;
 }
 
-.signup-form button{
-    font-weight: bold;
-    width: 40%;
-    font-size: 1rem;
-}
-
-.signup-form button:hover{
-    filter: brightness(85%);
-}
-
-.signup-form hr{
-    width: 40%;
-}
-
-.signup-form button[name="login"] {
-    background-color: #2196F3;
-    color: white;
-    margin-right: 5rem;
-}
-
-.signup-form input {
+input {
     text-align: center;
     color: white;
     font-weight: bold;
@@ -99,7 +81,28 @@ body, html {
     border-radius: 10px;
 }
 
-.signup-form button[name="submit"] {
+button {
+    font-weight: bold;
+    width: 35%;
+    font-size: 1rem;
+    padding: 10px;
+    border: none;
+    border-radius: 5px;
+    margin-top: 1rem;
+    cursor: pointer;
+}
+
+button:hover{
+    filter: brightness(85%);
+}
+
+button[name="submit"] {
     background-color: #F44336;
     color: white;
+}
+
+button[name="login"] {
+    background-color: #2196F3;
+    color: white;
+    margin-right: 5rem;
 }