From 7dbf05fba0043fdb9cf00a026cacc1902cef0195 Mon Sep 17 00:00:00 2001
From: shaun <shaun@bluebit.com.au>
Date: Sat, 27 Aug 2016 23:13:31 +1000
Subject: [PATCH] allow scroll bar or filters pane

---
 dashboard-ui/reports.html | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/dashboard-ui/reports.html b/dashboard-ui/reports.html
index 11496b763b..3d6390dc4c 100644
--- a/dashboard-ui/reports.html
+++ b/dashboard-ui/reports.html
@@ -15,6 +15,13 @@
         .ui-panel fieldset + fieldset {
             margin-top: 2em;
         }
+
+        .ui-panel .ui-panel-inner {
+            overflow: auto;
+            position: absolute;
+            top: 0; left: 0; right: 0; bottom: 0;  
+            -webkit-overflow-scrolling: touch;
+        }
     </style>
     <div data-role="content">
         <div style="text-align: center;">
@@ -157,15 +164,16 @@
                             <label for="chkMissingTvdbId">${OptionMissingTvdbId}</label>
                         </div>
                     </div>
-                    <fieldset data-role="collapsible" data-collapsed="true" data-mini="true" id="GroupStatus">
-                        <legend>
-                            ${HeaderStatus}
-                        </legend>
-                        <input class="chkStatus" type="checkbox" name="chkStatusContinuing" id="chkStatusContinuing" data-filter="Continuing">
-                        <label for="chkStatusContinuing">${OptionContinuing}</label>
-                        <input class="chkStatus" type="checkbox" name="chkStatusEnded" id="chkStatusEnded" data-filter="Ended">
-                        <label for="chkStatusEnded">${OptionEnded}</label>
-                    </fieldset>
+
+                    <div data-role="collapsible" data-collapsed="true" data-mini="true" id="GroupStatus">
+                        <h2>${HeaderStatus}</h2>
+                        <div>
+                            <input class="chkStatus" type="checkbox" name="chkStatusContinuing" id="chkStatusContinuing" data-filter="Continuing">
+                            <label for="chkStatusContinuing">${OptionContinuing}</label>
+                            <input class="chkStatus" type="checkbox" name="chkStatusEnded" id="chkStatusEnded" data-filter="Ended">
+                            <label for="chkStatusEnded">${OptionEnded}</label>
+                        </div>
+                    </div>
 
                     <div data-role="collapsible" data-collapsed="true" data-mini="true" id="GroupAirDays">
                         <h2>${HeaderAirDays}</h2>