From 5024f10a3b55aa0d518e8fab062d72e753b6f05c Mon Sep 17 00:00:00 2001
From: kj1352 <nikhilkj24@gmail.com>
Date: Tue, 23 Jun 2020 13:44:35 +0530
Subject: [PATCH] Attendance UI Enchangements

---
 .../more/attendance/attendance.component.html    | 16 ++++++++--------
 .../more/attendance/attendance.component.scss    | 12 ++++++++----
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/app/tabs/more/attendance/attendance.component.html b/src/app/tabs/more/attendance/attendance.component.html
index ed539aa..c7df51f 100644
--- a/src/app/tabs/more/attendance/attendance.component.html
+++ b/src/app/tabs/more/attendance/attendance.component.html
@@ -78,26 +78,26 @@
                 <tbody>
                     <tr>
                         <th> Month </th>
-                        <th> Present </th>
                         <th> Absent </th>
+                        <th> Present </th>
                     </tr>
 
                     <tr>
                         <td> June 2020 </td>
-                        <td> 20 </td>
                         <td> 2 </td>
+                        <td> 20 </td>
                     </tr>
 
                     <tr>
                         <td> July 2020 </td>
-                        <td> 18 </td>
                         <td> 4 </td>
+                        <td> 18 </td>
                     </tr>
 
                     <tr>
                         <td> August 2020 </td>
-                        <td> 20 </td>
                         <td> 6 </td>
+                        <td> 20 </td>
                     </tr>
                 </tbody>
             </table>
@@ -113,26 +113,26 @@
                 <tbody>
                     <tr>
                         <th> Month </th>
-                        <th> Present </th>
                         <th> Absent </th>
+                        <th> Present </th>
                     </tr>
 
                     <tr>
                         <td> June 2020 </td>
-                        <td> 20 </td>
                         <td> 2 </td>
+                        <td> 20 </td>
                     </tr>
 
                     <tr>
                         <td> July 2020 </td>
-                        <td> 18 </td>
                         <td> 4 </td>
+                        <td> 18 </td>
                     </tr>
 
                     <tr>
                         <td> August 2020 </td>
-                        <td> 20 </td>
                         <td> 6 </td>
+                        <td> 20 </td>
                     </tr>
                 </tbody>
             </table>
diff --git a/src/app/tabs/more/attendance/attendance.component.scss b/src/app/tabs/more/attendance/attendance.component.scss
index 2992119..af1ca8e 100644
--- a/src/app/tabs/more/attendance/attendance.component.scss
+++ b/src/app/tabs/more/attendance/attendance.component.scss
@@ -152,10 +152,12 @@
     background-color: var(--ash-black);
     display: flex;
     align-items: stretch;
-    height: 50px;
-    box-shadow: 0px 0px 5px var(--black);
+    height: 40px;
     position: relative;
-    margin-bottom: 2px;
+    margin: 20px auto;
+    width: 90%;
+    overflow: hidden;
+    border-radius: 7px;
 
     button {
         font-size: 14px;
@@ -163,9 +165,11 @@
         border: 0px;
         background-color: transparent;
         color: var(--light-grey);
+        border-radius: 7px;
 
         &.active {
-            color: var(--teal-green);
+            background-color: var(--teal-green);
+            color: white;
         }
     }
 }