From 6b06b9722f6bad86cfc91f0af10c43e36e1bba01 Mon Sep 17 00:00:00 2001
From: Harshitha Shetty <141444342+HarshithaShetty27@users.noreply.github.com>
Date: Sun, 8 Dec 2024 18:40:46 +0530
Subject: [PATCH] css fix

---
 client/src/Pages/FilterPage.css | 109 +++++++++++++++++---------------
 client/src/Pages/Navbar.css     |  21 +++++-
 client/src/index.css            |   8 ++-
 3 files changed, 83 insertions(+), 55 deletions(-)

diff --git a/client/src/Pages/FilterPage.css b/client/src/Pages/FilterPage.css
index 8e3dce8..6643268 100644
--- a/client/src/Pages/FilterPage.css
+++ b/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;
-  }
-  
\ No newline at end of file
+  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;
+}
\ No newline at end of file
diff --git a/client/src/Pages/Navbar.css b/client/src/Pages/Navbar.css
index e1c1be5..1d12455 100644
--- a/client/src/Pages/Navbar.css
+++ b/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 */
diff --git a/client/src/index.css b/client/src/index.css
index ec2585e..c3bc051 100644
--- a/client/src/index.css
+++ b/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;
+}
\ No newline at end of file