From a013d40bf109695ef1a4ade4c7ce77b115122361 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Sat, 12 Dec 2020 16:55:01 +0100
Subject: [PATCH] More standardization color changes

---
 src/common/AsideMenu.scss   | 2 +-
 src/index.scss              | 6 +++++-
 src/utils/DateRangeRow.scss | 7 -------
 src/utils/DateRangeRow.tsx  | 3 +--
 src/utils/base.scss         | 2 +-
 5 files changed, 8 insertions(+), 12 deletions(-)
 delete mode 100644 src/utils/DateRangeRow.scss

diff --git a/src/common/AsideMenu.scss b/src/common/AsideMenu.scss
index af1935b7..22547a50 100644
--- a/src/common/AsideMenu.scss
+++ b/src/common/AsideMenu.scss
@@ -48,7 +48,7 @@ $asideMenuMobileWidth: 280px;
 }
 
 .aside-menu__item:hover {
-  background-color: $lightHoverColor;
+  background-color: $lightColor;
 }
 
 .aside-menu__item--selected {
diff --git a/src/index.scss b/src/index.scss
index c7973396..b471a731 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -6,7 +6,7 @@ html,
 body,
 #root {
   height: 100%;
-  background: #f5f6fe;
+  background: $lightColor;
 }
 
 * {
@@ -44,6 +44,10 @@ body,
   background-color: $mainColor;
 }
 
+.table-hover tbody tr:hover {
+  background-color: $lightColor;
+}
+
 .react-datepicker__input-container,
 .react-datepicker-wrapper {
   display: block !important;
diff --git a/src/utils/DateRangeRow.scss b/src/utils/DateRangeRow.scss
deleted file mode 100644
index bcd94e78..00000000
--- a/src/utils/DateRangeRow.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@import '../utils/base';
-
-.date-range-row__date-input {
-  @media (max-width: $smMax) {
-    margin-top: .5rem;
-  }
-}
diff --git a/src/utils/DateRangeRow.tsx b/src/utils/DateRangeRow.tsx
index e12a6f26..6f006c28 100644
--- a/src/utils/DateRangeRow.tsx
+++ b/src/utils/DateRangeRow.tsx
@@ -1,6 +1,5 @@
 import moment from 'moment';
 import DateInput from './DateInput';
-import './DateRangeRow.scss';
 
 interface DateRangeRowProps {
   startDate?: moment.Moment | null;
@@ -26,7 +25,7 @@ const DateRangeRow = (
     </div>
     <div className="col-md-6">
       <DateInput
-        className="date-range-row__date-input"
+        className="mt-2 mt-md-0"
         selected={endDate}
         placeholderText="Until"
         isClearable
diff --git a/src/utils/base.scss b/src/utils/base.scss
index 99f65435..a26b7909 100644
--- a/src/utils/base.scss
+++ b/src/utils/base.scss
@@ -10,7 +10,7 @@ $xlgMin: 1200px;
 
 // Colors
 $mainColor: #4696e5;
-$lightHoverColor: #eeeeee;
+$lightColor: #f5f6fe;
 $lightGrey: #dddddd;
 $dangerColor: #dc3545;
 $mediumGrey: #dee2e6;