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 11, 2020 · ea88c3e · ea88c3e
1 parent 765d7f8
commit ea88c3e
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
@@ -651,6 +651,10 @@ a, a:visited, a:link {
   .focus-range li {
     display: block;
   }
+  .focus-hours-extra {
+    display:none !important;
+  }
+
 }
 
 @media (max-height: 700px) {
@@ -770,6 +774,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
@@ -146,9 +146,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>