Update bookedAppointment.css

frontend/src/components/css/bookedAppointment.css

@@ -1,13 +1,38 @@
-table, th, td {
-    border: 2px solid #a59f9f;
-    margin-right: auto;
-    margin-left: auto;
-    width: 75%;
-    padding: 5px 15px;
-    text-align: center;
-    border-spacing: 1.5px 1.5px;
-    border-collapse: collapse;
+ .container{
+    margin: 100px 100px;
+    padding: 20px 0;
+    height: 100vh;
+
 }
 th{
 width: 100%;
-}
+}
+.btn{
+        color: black;
+        background-color: red;
+        border-radius: 2;
+        border-radius: 10px;
+        font-size: 16px;
+        outline: none;
+        cursor: pointer;
+}
+.btn:hover{
+    color: white;
+}
+ th, td {
+    margin-right: auto;
+    margin-left: auto;
+    padding: 5px 15px;
+    text-align: center;
+}
+th{
+    border-bottom: 2px solid black;
+}
+table{
+ width: 75%;   
+ display: block;
+ margin: auto;
+}
+tr:nth-child(even){
+    background-color: rgb(180, 175, 175);
+}