From b0b731ca781c6c5923d882334e4c7e077cb274cc Mon Sep 17 00:00:00 2001
From: Abhas Bhattacharya <abhasbhattacharya2@gmail.com>
Date: Sun, 25 Mar 2018 13:12:05 +0530
Subject: [PATCH] Use vmax for icon size and placement

---
 src/Components/DateSwitchBar/Component.css | 8 ++++----
 src/Components/IsNiftyOpenApp/App.css      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Components/DateSwitchBar/Component.css b/src/Components/DateSwitchBar/Component.css
index 568a135..4cba18f 100644
--- a/src/Components/DateSwitchBar/Component.css
+++ b/src/Components/DateSwitchBar/Component.css
@@ -1,16 +1,16 @@
 .DateSwitchBar {
     width: 100%;
-    height: 3.5vh;
+    height: 3vmax;
     position: relative;
 }
 
 .icon {
     position: absolute;
-    left: 3.5vh;
+    left: 3vmax;
     top: 0;
 
-    width: 3.5vh;
-    height: 3.5vh;
+    width: 3vmax;
+    height: 3vmax;
     border: .15em solid rgba(255, 255, 255, 0.75);
     background-color: rgba(255, 255, 255, 0.25);
 
diff --git a/src/Components/IsNiftyOpenApp/App.css b/src/Components/IsNiftyOpenApp/App.css
index f207831..f2d94f2 100644
--- a/src/Components/IsNiftyOpenApp/App.css
+++ b/src/Components/IsNiftyOpenApp/App.css
@@ -102,7 +102,7 @@
 
 .App .DateSwitchBar-container {
   position: absolute;
-  top: 4vh;
+  top: 3vmax;
   left: 50%;
   width: 100%;
   transform: translate(-50%, 0);