studyDateList template is moved inside hidingPanel

LesionTracker/client/body.styl

@@ -27,42 +27,4 @@ table#tblStudyList tbody > tr > td{
 }
 
 
-/* Toolbar Styles */
-
-/* iphone6 Portrait */
-
-  @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
-
-    table#tblStudyList {
-      table-layout: fixed
-      font-size: 0.4em
-    }
-
-
-    #tablist {
-      width: 84%;
-      overflow-x: auto;
-
-    }
-    #toolbar .btn-group button {
-      width: 35px;
-      height: 35px;
-    }
-
-  }
-
-/* iphone6 Plus Portrait */
-
-@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
-  #tablist {
-    width: 84%;
-    overflow-x: auto;
-  }
-
-  #toolbar .btn-group button {
-    width: 40px;
-    height: 40px;
-  }
-
-}
 

LesionTracker/client/components/viewer.html

@@ -1,13 +1,11 @@
 <template name="viewer">
     <div id="viewer">
-        {{ >lesionLocationDialog }}
-        {{ >nonTargetLesionDialog}}
-        {{ >studyDateList}}
-
-        {{ >hidingPanel }}
+        {{>lesionLocationDialog}}
+        {{>nonTargetLesionDialog}}
+        {{>hidingPanel}}
         <div id="viewportAndLesionTable">
-            {{ >viewerMain }}
-            {{ >lesionTable }}
+            {{>viewerMain }}
+            {{>lesionTable }}
         </div>
     </div>
 </template>

LesionTracker/client/components/viewer.js

@@ -16,6 +16,11 @@ function resizeViewports() {
     }, 1);
 }
 
+Template.viewer.helpers({
+    'studyDateIsShown':function(){
+        return {studyDateIsShown: true};
+    }
+});
 Template.viewer.onCreated(function() {
     log.info("viewer onCreated");
 

LesionTracker/client/mobileStyles.css

@@ -0,0 +1,27 @@
+
+/* Mobile devices */
+
+@media only screen and (min-device-width : 375px) and (max-device-width : 768px) and (orientation : portrait) {
+
+    table#tblStudyList {
+        table-layout: fixed;
+        font-size: 0.7em;
+    }
+
+    #tablist {
+        width: 84%;
+        overflow-x: auto;
+
+    }
+    #toolbar .btn-group button {
+        width: 40px;
+        height: 40px;
+    }
+}
+
+@media (max-device-width: 667px) {
+    #toolbar .btn-group button {
+        width: 35px;
+        height: 35px;
+    }
+}