From 70d7712e9ff10c4451535c861b994f5c59ea1476 Mon Sep 17 00:00:00 2001
From: root <dillon.raymond@gov.tt>
Date: Thu, 1 Jun 2023 16:10:02 -0400
Subject: [PATCH] Update mobile UI

---
 public/css/employees.css | 18 ++++++++++++++++--
 public/css/index.css     |  2 +-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/public/css/employees.css b/public/css/employees.css
index 46d5b4a..999d59d 100755
--- a/public/css/employees.css
+++ b/public/css/employees.css
@@ -177,7 +177,7 @@ body {
 }
 
 
-@media screen and (min-width: 360px) and (max-height: 800px) {
+@media only screen and (max-width: 700px) {
 
 
     .sidenav {
@@ -196,4 +196,18 @@ body {
         min-width: 90%;
     }
 
-}
\ No newline at end of file
+}
+
+/* Extra small devices (phones, 600px and down) */
+/* @media only screen and (max-width: 600px) {
+    .sidenav {
+        display: none;
+    }
+} */
+
+/* Small devices (portrait tablets and large phones, 600px and up) */
+/* @media only screen and (min-width: 600px) {
+    .sidenav {
+        display: none;
+    }
+} */
\ No newline at end of file
diff --git a/public/css/index.css b/public/css/index.css
index 4f12cf4..733b8d1 100755
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -139,7 +139,7 @@ input:-webkit-autofill:active {
   transition: background-color 9999s ease-in-out 0s;
 }
 
-@media screen and (min-width: 360px) and (max-height: 800px) {
+@media only screen and (max-width: 700px) {
 
     .form-control {
         margin: 1.1% 4% auto;