css fix

client/src/Pages/FilterPage.css

@@ -1,53 +1,58 @@
 .filter-container {
-    text-align: center;
-    margin-top: 30px;
-  }
-  
-  .filter-form select,
-  .filter-form button {
-    margin: 10px;
-    padding: 8px;
-  }
-  
-  .table-container {
-    margin-top: 20px;
-    display: flex;
-    justify-content: center;
-  }
-  
-  .table-container table {
-    width: 80%;
-    border-collapse: collapse;
-  }
-  
-  .table-container th,
-  .table-container td {
-    border: 1px solid #ddd;
-    padding: 8px;
-  }
-  
-  .table-container th {
-    background-color: maroon;
-    color: white;
-  }
-  
-  .active-button {
-    background-color: #800000; /* Highlight color */
-    color: white;
-    border: none;
-    padding: 10px 20px;
-    cursor: pointer;
-  }
-  
-  button {
-    margin: 5px;
-    padding: 10px 20px;
-    cursor: pointer;
-    background-color: #ddd;
-    border: 1px solid #ccc;
-  }
-  
-  button:hover {
-    background-color: #ccc;
-  }
-  
+  text-align: center;
+  margin-top: 30px;
+}
+
+.filter-form select,
+.filter-form button {
+  margin: 10px;
+  padding: 8px;
+  width: 12rem;
+}
+
+.filter-form{
+  display: flex;
+  gap: 10px;
+}
+
+.table-container {
+  margin-top: 20px;
+  display: flex;
+  justify-content: center;
+}
+
+.table-container table {
+  width: 80%;
+  border-collapse: collapse;
+}
+
+.table-container th,
+.table-container td {
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+
+.table-container th {
+  background-color: maroon;
+  color: white;
+}
+
+.active-button {
+  background-color: #800000; /* Highlight color */
+  color: white;
+  border: none;
+  padding: 10px 20px;
+  cursor: pointer;
+}
+
+button {
+  margin: 5px;
+  padding: 10px 20px;
+  cursor: pointer;
+  background-color: #ddd;
+  border: 1px solid #ccc;
+}
+
+button:hover {
+  background-color: #ccc;
+}

client/src/Pages/Navbar.css

@@ -1,6 +1,6 @@
 .navbar {
   background-color: #800000; /* Maroon background */
-  height: 60px; /* Navbar height */
+  height: 50px; /* Navbar height */
   width: 100%; /* Full width */
   display: flex; /* Flexbox for alignment */
   justify-content: flex-end; /* Align items to the right */
@@ -12,6 +12,25 @@
   z-index: 1000; /* Place above other elements */
 }
 
+.navbar {
+  box-sizing: border-box; /* Include padding and border in the height calculation */
+}
+
+* {
+  margin: 0;
+  padding: 1000;
+  box-sizing: border-box;
+}
+
+.navbar select,
+.navbar input {
+  height: auto;
+  margin: 0;
+  padding: 5px 10px;
+  font-size: 16px; /* Ensure consistent font size */
+}
+
+
 /* User Icon */
 .user-icon {
   font-size: 30px; /* Icon size */

client/src/index.css

@@ -1,4 +1,4 @@
-body {
+/* body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
@@ -10,4 +10,8 @@ body {
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
-}
+} */
+
+#root{
+  width: 100vw;
+}