From 20eb3aa728a089caa3508510a8d5632c297139df Mon Sep 17 00:00:00 2001 From: Abhas Bhattacharya Date: Sun, 25 Mar 2018 06:34:19 +0530 Subject: [PATCH] Make question text left-padded, position icon correctly --- src/Components/DateSwitchBar/Component.css | 6 +++--- src/Components/OpenXDay/Component.css | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/Components/DateSwitchBar/Component.css b/src/Components/DateSwitchBar/Component.css index a21ec88..568a135 100644 --- a/src/Components/DateSwitchBar/Component.css +++ b/src/Components/DateSwitchBar/Component.css @@ -6,9 +6,9 @@ .icon { position: absolute; - left: 2em; + left: 3.5vh; top: 0; - transform: translate(-50%, 0); + width: 3.5vh; height: 3.5vh; border: .15em solid rgba(255, 255, 255, 0.75); @@ -18,5 +18,5 @@ } .icon-rotated { - transform: translate(-50%, 0) rotate(-135deg); + transform: rotate(-135deg); } \ No newline at end of file diff --git a/src/Components/OpenXDay/Component.css b/src/Components/OpenXDay/Component.css index 604a59f..012c5ae 100644 --- a/src/Components/OpenXDay/Component.css +++ b/src/Components/OpenXDay/Component.css @@ -34,7 +34,7 @@ position: absolute; text-align: center; top: 50%; - right: 0.5em; + left: 0.5em; transform: translate(0%, -50%); }