lesion table scrollbar is visible

LesionTracker/client/mobileStyles.css

@@ -1,7 +1,24 @@
 
 /* Mobile devices */
 
-@media only screen and (min-device-width : 375px) and (max-device-width : 768px) and (orientation : portrait) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 768px){
+
+    .logoContainer {
+        width: 15%;
+    }
+
+    .navbar-brand img {
+        height: 20px;
+        margin-top: 10px;
+        margin-bottom: 10px;
+        margin-right: 5px;
+    }
+
+    .navbar-brand h4.name {
+        padding: 1px;
+        font-size: 0.3em;
+        width: 50%;;
+    }
 
     table#tblStudyList {
         table-layout: fixed;
@@ -9,19 +26,26 @@
     }
 
     #tablist {
-        width: 84%;
+        width: 85%;
         overflow-x: auto;
-
     }
+
     #toolbar .btn-group button {
         width: 40px;
         height: 40px;
     }
+
+    .studyDateList {
+        margin-top: 5px;
+    }
 }
 
+
 @media (max-device-width: 667px) {
+
     #toolbar .btn-group button {
         width: 35px;
         height: 35px;
     }
 }
+

Packages/lesiontracker/components/lesionTable/lesionTable.styl

@@ -1,7 +1,7 @@
 #lesionTableContainer
   width: 100%
   height: 16%
-    position: absolute
+  position: relative
 
   .lesionTable
 

Packages/lesiontracker/components/studyDateList/studyDateList.styl

@@ -1,13 +1,14 @@
 .studyDateList
-  margin: 0px auto
+  margin: 0 auto 15px
   text-align: left
   width: 100%
   border-top: 2px solid #777
-  padding: 10px
 
   label
     font-weight: normal
     color: white
+    padding-top: 5px
+    padding-left: 5px
 
   .loading
     display: none

Packages/worklist/components/worklistResult/worklistResult.html

@@ -18,6 +18,8 @@
                      <input type="search" class="form-control worklist-search" id="patientId">
                 </div>
             </th>
+
+            {{#unless isTouchDevice}}
                 <th>
                     <div>
                         Accession #
@@ -26,6 +28,8 @@
                         <input type="search" class="form-control worklist-search" id="accessionNumber">
                     </div>
                 </th>
+            {{/unless}}
+
             <th>
                 <div>
                     Study Date
@@ -34,6 +38,8 @@
                     <input type="search" class="form-control worklist-search" id="studyDate">
                 </div>
             </th>
+
+            {{#unless isTouchDevice}}
                 <th>
                     <div>
                         Modality
@@ -42,6 +48,7 @@
                         <input type="search" class="form-control worklist-search" id="modality" style="visibility: hidden; ">
                     </div>
                 </th>
+            {{/unless}}
             <th>
                 <div>
                     StudyDescription
@@ -50,6 +57,8 @@
                     <input type="search" class="form-control worklist-search" id="studyDescription" style="visibility: hidden; ">
                 </div>
             </th>
+
+            {{#unless isTouchDevice}}
                 <th>
                     <div>
                         # Images
@@ -58,6 +67,7 @@
                         <input type="search" class="form-control worklist-search" id="numberOfImages" style="visibility: hidden; ">
                     </div>
                 </th>
+            {{/unless}}
         </tr>
         </thead>
         <tbody id="studyListData">

Packages/worklist/components/worklistResult/worklistResult.js

@@ -9,6 +9,10 @@ Template.worklistResult.helpers({
      */
     studies : function() {
         return WorklistStudies.find({}, {sort: {patientName : 1, studyDate : 1}});
+    },
+
+    isTouchDevice: function() {
+        return isTouchDevice();
     }
 });