update with login hashing not working

Sean/views/style.css

@@ -1,8 +1,11 @@
+/* style.css */
+
+/* Sidebar Styles */
 body {
 	margin: 0;
 	font-family: 'Arial', sans-serif;
   }
-
+  
   #sidebar {
 	height: 100%;
 	width: 250px;
@@ -11,12 +14,12 @@ body {
 	padding-top: 60px;
 	transition: 0.5s;
   }
-
+  
   #sidebar img {
 	width: 100%;
 	margin-bottom: 20px;
   }
-
+  
   #sidebar a {
 	padding: 10px 15px;
 	text-decoration: none;
@@ -25,27 +28,27 @@ body {
 	display: block;
 	transition: 0.3s;
   }
-
+  
   #sidebar a:hover {
 	background-color: #555;
   }
-
+  
   #content {
 	margin-left: 250px;
 	padding: 16px;
   }
-
+  
   @media screen and (max-width: 600px) {
 	#sidebar {
 	  width: 0;
 	  overflow-x: hidden;
 	}
-
+  
 	#content {
 	  margin-left: 0;
 	}
   }
-
+  
   #sidebarCollapse {
 	width: 40px;
 	height: 40px;
@@ -55,7 +58,7 @@ body {
 	cursor: pointer;
 	z-index: 1;
   }
-
+  
   #sidebarCollapse span {
 	display: block;
 	background: white;
@@ -64,53 +67,55 @@ body {
 	margin: 6px auto;
 	transition: 0.3s;
   }
-
+  
   #sidebarCollapse:hover span:nth-child(1) {
 	transform: rotate(-45deg) translate(-5px, 6px);
   }
-
+  
   #sidebarCollapse:hover span:nth-child(2) {
 	opacity: 0;
   }
-
+  
   #sidebarCollapse:hover span:nth-child(3) {
 	transform: rotate(45deg) translate(-5px, -6px);
   }
-
+  
   #userDataContainer {
 	margin-top: 20px;
   }
-
+  
+  /* Table Styles */
   table {
 	border-collapse: collapse;
 	width: 100%;
 	margin-top: 20px;
   }
-
+  
   th,
   td {
 	border: 1px solid #dddddd;
 	text-align: left;
 	padding: 12px;
   }
-
+  
   th {
 	background-color: #f2f2f2;
   }
-
+  
   tr:hover {
 	background-color: #f5f5f5;
   }
-
+  
   td {
 	white-space: nowrap;
   }
-
+  
+  /* Dropdown Styles */
   .dropdown {
 	display: block;
 	margin-top: 20px;
   }
-
+  
   .dropdown-toggle {
 	color: white;
 	background-color: #333;
@@ -122,47 +127,47 @@ body {
 	width: 100%;
 	text-align: left;
   }
-
+  
   .dropdown-toggle:hover {
 	background-color: #555;
   }
-
+  
   .dropdown-menu {
 	background-color: #333;
   }
-
+  
   .dropdown-item {
 	color: white;
   }
-
+  
   .dropdown-item:hover {
 	background-color: #555;
   }
-
+  
   /* Additional styles for Bootstrap form */
   form {
 	max-width: 400px;
 	margin: auto;
   }
-
+  
   .mb-3 {
 	margin-bottom: 1rem;
   }
-
+  
   .btn-primary {
 	background-color: #007bff;
 	border-color: #007bff;
   }
-
+  
   .btn-primary:hover {
 	background-color: #0056b3;
 	border-color: #0056b3;
   }
-  /* style.css */
-
-.user-creation-container .input-box {
-	margin-bottom: 15px;
-	width: calc(100% / 2 - 20px);
+  
+  /* User Creation Form Styles */
+  .user-creation-container .input-box {
+	margin-bottom: 20px;
+	width: 100%;
   }
   
   .user-creation-container .input-box span.details {
@@ -195,7 +200,7 @@ body {
   
   .user-creation-container form .category {
 	display: flex;
-	width: 80%;
+	width: 100%;
 	margin: 14px 0;
 	justify-content: space-between;
   }
@@ -252,7 +257,7 @@ body {
   
   @media (max-width: 584px) {
 	.user-creation-container .user-details .input-box {
-	  margin-bottom: 15px;
+	  margin-bottom: 20px;
 	  width: 100%;
 	}
 	.user-creation-container form .category {
@@ -272,4 +277,31 @@ body {
 	  flex-direction: column;
 	}
   }
+  
+  #createUserForm {
+	display: none;
+  }
+  
+  #createUserForm .container {
+	margin-top: 20px;
+  }
+  
+  #createUserForm form {
+	max-width: 400px;
+	margin: auto;
+  }
+  
+  #createUserForm .mb-3 {
+	margin-bottom: 1rem;
+  }
+  
+  #createUserForm .btn-primary {
+	background-color: #007bff;
+	border-color: #007bff;
+  }
+  
+  #createUserForm .btn-primary:hover {
+	background-color: #0056b3;
+	border-color: #0056b3;
+  }