From d4635486382c960d6a0b2f4ddb7e2158c432d8f3 Mon Sep 17 00:00:00 2001
From: Stephen Morton <stephen.c.morton@gmail.com>
Date: Mon, 20 Jan 2020 22:33:46 -0500
Subject: [PATCH] client - mobile - Number of options for focus hours is
 reduced.

On small screens, the number of options for focus hours (1, 2, 3, 6, 12, 24)
is reduced. On mobile, focus options are displayed in a vertical manner and
were stealing valuable space from the BG/treatment graph itself.
---
 static/css/main.css | 8 ++++++++
 views/index.html    | 6 +++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 7c2e25837cba..ad8f10e0bd48 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -633,6 +633,10 @@ a, a:visited, a:link {
   .focus-range li {
     display: block;
   }
+  .focus-hours-extra {
+    display:none !important;
+  }
+
 }
 
 @media (max-height: 700px) {
@@ -752,6 +756,10 @@ a, a:visited, a:link {
   .focus-range li {
     display: block;
   }
+  .focus-hours-extra {
+    display:none !important;
+  }
+
 
   .statusPills {
     display: inline;
diff --git a/views/index.html b/views/index.html
index b80e11ddd42c..646c586dc81a 100644
--- a/views/index.html
+++ b/views/index.html
@@ -156,9 +156,9 @@
                 
                 <ul class="focus-range">
                     <li data-hours="1" class="translate">Hours:</li>
-                    <li data-hours="2">2</li>
-                    <li data-hours="3">3</li>
-                    <li data-hours="4">4</li>
+                    <li data-hours="2" class="focus-hours-extra">2</li>
+                    <li data-hours="3" class="focus-hours-extra">3</li>
+                    <li data-hours="4" class="focus-hours-extra">4</li>
                     <li data-hours="6">6</li>
                     <li data-hours="12">12</li>
                     <li data-hours="24">24</li>