Additional code clean up and login page stylizations

ProjectSourceCode/src/resources/css/navigation-bar/login.css

@@ -5,9 +5,27 @@
     top: 150px; /* Adjust this value as needed */
     right: 20px; /* Adjust this value as needed */
     z-index: 10;
-    background-color: white;
+    background: linear-gradient(to bottom, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
     border: 1px solid gray;
     border-radius: 8px;
 }
 
+#login-submit {
+    padding: 5px 10px;
+    background-color: red;
+    border-color: red;
+
+    border: 1px solid red;
+    border-radius: 8px;
+    color: white;
+}
+
+#login-submit:hover {
+    background-color: darkred;
+    border-color: darkred;
+    color: white;
+}
+
+
   

ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css

@@ -31,6 +31,16 @@
     font-size: 30px;
 }
 
+#user {
+    width: 25px;
+    transition: width 0.3s ease; /* Adding transition for smooth effect */
+}
+
+#user:hover {
+    width: 30px;
+}
+
+
 #line {
     height: 100%; /* spans the entire height of the navigation bar */
     width: 10px;