css fix

client/src/Pages/FilterPage.css

@@ -7,6 +7,12 @@
 .filter-form button {
   margin: 10px;
   padding: 8px;
+  width: 12rem;
+}
+
+.filter-form{
+  display: flex;
+  gap: 10px;
 }
 
 .table-container {
@@ -50,4 +56,3 @@
 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;
 }