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.
nightscout · Feb 9, 2020 · d463548 · d463548
1 parent 5d73c34
commit d463548
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git 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
@@ -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>