Prevents page zooming

LesionTracker/client/head.html

@@ -3,10 +3,10 @@
     <title>Lesion Tracker</title>
     <meta name="description" content="Prototype viewer application for oncology">
     <!-- Prevents page zooming -->
-    <!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">-->
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
     <!-- Enables page zooming -->
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
     <link rel="shortcut icon" type="image/png" href="images/logo.png" sizes="16x16 32x32 64x64">
     <!--Best display for mobile devices-->
     <meta http-equiv="cleartype" content="on">

Packages/worklist/components/tabTitle/tabTitle.js

@@ -42,5 +42,46 @@ Template.tabTitle.events({
 
         // Remove any stored data related to this tab from the global ViewerData structure
         delete ViewerData[contentId];
+
     }
-});
+});
+
+// Set tab width when a tab is added or removed
+function setTabWidth (){
+    var allTabTitles = $(".tabTitle");
+    var widthTabList = $("#tablist").width();
+    var totalTitleWidths = 0;
+
+    var tabCount = 0;
+    allTabTitles.each( function( index, tabItem ) {
+        totalTitleWidths += $(tabItem).width();
+        tabCount ++;
+    });
+
+    if(totalTitleWidths > widthTabList) {
+        var newTabWidth = widthTabList / tabCount;
+        allTabTitles.each( function( index, tabItem ) {
+            $(tabItem).css("width",newTabWidth+"px");
+        });
+    } else {
+        var newTabWidth = widthTabList / tabCount;
+        allTabTitles.each( function( index, tabItem ) {
+            if (index === 0) {
+                if(newTabWidth > 95) {
+                    $(tabItem).css("width","95px");
+                } else {
+                    $(tabItem).css("width",newTabWidth+"px");
+                }
+            } else {
+                if(newTabWidth > 130) {
+                    $(tabItem).css("width","130px");
+                } else {
+                    $(tabItem).css("width",newTabWidth+"px");
+                }
+            }
+
+        });
+    }
+}
+Template.tabTitle.onRendered(function(){
+});

Packages/worklist/components/worklistResult/worklistResult.styl

@@ -20,3 +20,5 @@ table#tblStudyList
     &:hover
       background-color: #009BD2
       color: white
+
+