From e51c48d14e75151b53d25cc46a7b7b402bfcd2de Mon Sep 17 00:00:00 2001
From: root <dillon.raymond@gov.tt>
Date: Thu, 1 Jun 2023 15:51:21 -0400
Subject: [PATCH] Update mobile UI

---
 public/css/employees.css | 22 ++++++++++++++++++++++
 public/css/index.css     | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+)

diff --git a/public/css/employees.css b/public/css/employees.css
index 1249c81..e3879f0 100755
--- a/public/css/employees.css
+++ b/public/css/employees.css
@@ -61,6 +61,7 @@ body {
     grid-gap: 2rem;
     grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
     justify-items: center;
+    min-width: 100%;
 }
 .card {
     width: 20rem;
@@ -174,3 +175,24 @@ body {
 #loadOverlay {
     display: none;
 }
+
+
+@media screen and (min-width: 320px) {
+
+    .sidenav {
+        display: none;
+    }
+
+    .main {
+        margin-left: 0;
+    }
+    
+    .grid-container {
+        margin-top: 20%;
+    }
+
+    .input-group {
+        min-width: 90%;
+    }
+
+}
\ No newline at end of file
diff --git a/public/css/index.css b/public/css/index.css
index 2aaf9b8..14e266c 100755
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -137,4 +137,36 @@ input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
   transition: background-color 9999s ease-in-out 0s;
+}
+
+@media screen and (min-width: 360px) {
+
+    .form-control {
+        margin: 1.1% 4% auto;
+        font-size: 80%;
+    }
+
+    .button-group {
+        gap: 2rem;
+    }
+
+    .btn-sm {
+        width: 28%;
+    }
+
+    #logo-image {
+        
+        width: 71%;
+        position: relative;
+        left: 3%;
+        right: 50%;
+
+    }
+
+    #disclaimer-row {
+        left: 11px;
+        padding: 9px;
+        font-size: 11px;
+    }
+   
 }
\ No newline at end of file