✨ Login actions

app/auth/styles.scss

@@ -41,6 +41,11 @@
 			align-items: stretch;
 			gap: 15px;
 
+			& > .error {
+				text-align: center;
+				color: #fefefa;
+			}
+
 			& > .inputContainer {
 				position: relative;
 				display: grid;
@@ -68,7 +73,8 @@
 					font-size: 1em;
 					color: #fefefa;
 
-					&:focus + .inputLabel {
+					&:focus + .inputLabel,
+					&:not(:placeholder-shown) + .inputLabel {
 						top: 0;
 						left: 10px;
 						transform: translateY(-50%);
@@ -110,11 +116,12 @@
 			margin-top: 15px;
 
 			& > .submitButton {
+				position: relative;
 				display: flex;
 				justify-content: center;
 				align-items: center;
-				gap: 5px;
-				padding: 7px 35px;
+				gap: 10px;
+				padding: 7px 42px;
 				border: 1px solid #fefefa;
 				border-radius: 5px;
 				background-color: #fefefa;
@@ -122,9 +129,12 @@
 				color: #d94253;
 				cursor: pointer;
 
-				&.secondary {
-					background-color: #d94253;
-					color: #fefefa;
+				& > svg {
+					position: absolute;
+					top: 50%;
+					right: 10px;
+					transform: translateY(-50%);
+					width: 20px;
 				}
 			}
 		}