From e7de28ffa755e786c90b543bc933410f83420aba Mon Sep 17 00:00:00 2001
From: Danny van Kooten <dannyvankooten@gmail.com>
Date: Tue, 18 Sep 2018 13:42:02 +0200
Subject: [PATCH] show shortkey possibility for cycling through date ranges.
 #126

---
 assets/src/js/pages/dashboard.js |  4 ++++
 assets/src/sass/styles.scss      | 12 ++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/assets/src/js/pages/dashboard.js b/assets/src/js/pages/dashboard.js
index 8c64379..40b80f4 100644
--- a/assets/src/js/pages/dashboard.js
+++ b/assets/src/js/pages/dashboard.js
@@ -67,6 +67,10 @@ class Dashboard extends Component {
             </div>
           </div>
         </div>
+
+        <div class="footer hide-on-mobile">
+          <p>Use <strong>ALT + arrow-key</strong> to cycle through date ranges.</p>
+        </div>
       </section>
 
       <footer class="section"></footer>
diff --git a/assets/src/sass/styles.scss b/assets/src/sass/styles.scss
index 66ce697..7445404 100644
--- a/assets/src/sass/styles.scss
+++ b/assets/src/sass/styles.scss
@@ -93,6 +93,17 @@ body {
     }
 }
 
+.footer {
+  text-align: right;
+  margin: 20px 0;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.hide-on-mobile {
+  display: none;
+}
+
   nav li.visitors { color: #533feb; }
   nav li.signout a { padding-right: 0; }
   nav li.logo { float: left; }
@@ -142,6 +153,7 @@ body {
 
   @media ( min-width: 1220px ) {
     nav.main-nav ul { margin-top: 24px; }
+    .hide-on-mobile{ display: initial; }
 
     .boxes { justify-content: space-between; flex-wrap: nowrap; }
     .box { margin: 0 4px; }