Styling fixing for lesion tracker

LesionTracker/client/body.styl

@@ -22,3 +22,49 @@ table#tblStudyList tbody > tr:hover{
   color: white
 }
 
+table#tblStudyList tbody > tr > td{
+  word-wrap: break-word
+}
+
+
+/* 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%;
+      border: solid 1px red;
+      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%;
+    border: solid 1px green;
+    overflow-x: auto;
+  }
+
+  #toolbar .btn-group button {
+    width: 40px;
+    height: 40px;
+  }
+
+}
+