From ce8ff58e11ca8bb7246d0d49b716fdc75622ba50 Mon Sep 17 00:00:00 2001
From: e20178dulanga <e20178@eng.pdn.ac.lk>
Date: Wed, 18 Sep 2024 07:38:47 +0530
Subject: [PATCH] Updated the appearance of Deliverables and Workplan pages

---
 front-end/src/components/Deliverables.module.css | 11 ++++++-----
 front-end/src/components/Workplan.module.css     |  9 +++++----
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/front-end/src/components/Deliverables.module.css b/front-end/src/components/Deliverables.module.css
index ac99b975..784637d1 100644
--- a/front-end/src/components/Deliverables.module.css
+++ b/front-end/src/components/Deliverables.module.css
@@ -49,22 +49,22 @@
   z-index: 3;
 }
 .table thead th {
-  background-color: #f2f2f2;
+  background-color: #ecf6fc;
   color: #333;
   text-align: center;
   padding: 10px;
-  border-bottom: 2px solid #ddd;
+  border-bottom: 2px solid #b2c8e6;
 }
 
 /*Table cells */
 .table tbody td{
   padding: 10px;
-  border-bottom: 1px solid #ddd;
+  border-bottom: 1px solid #b2c8e6;
 }
 
 /* Hover effect for table rows */
 .table tbody tr:hover {
-  background-color: #f1f1f1;
+  background-color: #f3f9fb;
 }
 
 /* Styling for the table footer */
@@ -114,6 +114,7 @@
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.2s ease;
+  color: #ffffff;
 }
 .addNewButton:hover { 
   background-color: #0056b3;
@@ -138,6 +139,7 @@
   display: flex;
   align-items: center;
   margin: 15px 20px;
+  justify-content: space-between;
 }
 .inputbox label{
   padding: 15px;
@@ -147,7 +149,6 @@
 /* Inside the data input boxes */
 .inputbox .field {
   width: 60%;
-  /* position: absolute; */
   right: 12%;
   background: transparent;
   border: 2px solid #c9e1ef;
diff --git a/front-end/src/components/Workplan.module.css b/front-end/src/components/Workplan.module.css
index 74303bb2..5e5d02a2 100644
--- a/front-end/src/components/Workplan.module.css
+++ b/front-end/src/components/Workplan.module.css
@@ -49,22 +49,22 @@
   z-index: 3;
 }
 .table thead th {
-  background-color: #f2f2f2;
+  background-color: #ecf6fc;
   color: #333;
   text-align: center;
   padding: 10px;
-  border-bottom: 2px solid #ddd;
+  border-bottom: 2px solid #b2c8e6;
 }
 
 /*Table cells */
 .table tbody td{
   padding: 10px;
-  border-bottom: 1px solid #ddd;
+  border-bottom: 1px solid #b2c8e6;
 }
 
 /* Hover effect for table rows */
 .table tbody tr:hover {
-  background-color: #f1f1f1;
+  background-color: #f3f7f9;
 }
 
 /* Styling for the table footer */
@@ -115,6 +115,7 @@
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.2s ease;
+  color: #ffffff;
 }
 .addNewButton:hover { 
   background-color: #0056b3;