From b0195a1a57ab90a002fb576fd2f9f4e81073c2a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elo=C3=ADzio=20Salgado?= <eloisalgado@gmail.com>
Date: Wed, 2 Nov 2016 10:14:04 -0200
Subject: [PATCH] OHIF-121: Adding responsiveness to Worklist

---
 .../worklistPagination.styl                   |  5 +-
 .../worklistResult/worklistResult.styl        | 67 ++++++++++++++++---
 2 files changed, 63 insertions(+), 9 deletions(-)

diff --git a/Packages/worklist/client/components/worklistPagination/worklistPagination.styl b/Packages/worklist/client/components/worklistPagination/worklistPagination.styl
index 84fca261c..319ec35f1 100644
--- a/Packages/worklist/client/components/worklistPagination/worklistPagination.styl
+++ b/Packages/worklist/client/components/worklistPagination/worklistPagination.styl
@@ -32,9 +32,12 @@
               theme('color', '$activeColor')
 
         .active
-
           a
             theme('background-color', '$uiGray')
             border-color: #ddd
             color: white
+            
+        .disabled
+          a:hover
+            color: inherit
 
diff --git a/Packages/worklist/client/components/worklistResult/worklistResult.styl b/Packages/worklist/client/components/worklistResult/worklistResult.styl
index 7a5615525..8a8011a9b 100644
--- a/Packages/worklist/client/components/worklistResult/worklistResult.styl
+++ b/Packages/worklist/client/components/worklistResult/worklistResult.styl
@@ -49,7 +49,6 @@ $bodyCellHeight = 40px
   width: 100%
   padding: 0 $tablePadding
   position: absolute
-  overflow: hidden
   z-index: 2
 
   .loadingTextDiv
@@ -163,18 +162,70 @@ $bodyCellHeight = 40px
             border-bottom: 1px solid #436270
             background-color: $tableHoverColor
 
-@media only screen and (max-width: 1000px)
-  $tablePaddingMediumScreen = 10px
+
+@media only screen and (max-width: 1362px)
+  $tablePadding = 5%
+  
+  #studyListContainer
+    padding: 0 $tablePadding
+    
+    table#tblStudyList
+      thead,
+      tbody
+        tr
+          th,
+          td
+            &:first-child
+              padding-left: $tablePadding
+
+            &:last-child
+              padding-right: $tablePadding
+
+@media only screen and (max-width: 1161px)
+  $tablePadding = 3%
+  
+  #studyListContainer
+    padding: 0 $tablePadding
+    
+    table#tblStudyList
+      thead,
+      tbody
+        tr
+          th,
+          td
+            &:first-child
+              padding-left: $tablePadding
+
+            &:last-child
+              padding-right: $tablePadding
+
+@media only screen and (max-width: 1069px)
+  $tablePaddingMediumScreen = 5px
+  
+  .studyListToolbar
+    padding: 0 $tablePaddingMediumScreen
+    
   #studyListContainer
     padding: 0
 
     table#tblStudyList
       thead > tr > th
+        
         &:first-child
           padding-left: $tablePaddingMediumScreen
 
         &:last-child
           padding-right: $tablePaddingMediumScreen
+          
+        input.worklist-search
+          padding: 10px
+          
+        div.sortingCell
+          padding: 10px 5px
+          min-width: auto
+          
+          i
+            width: auto
 
       tbody > tr > td
         &:first-child
@@ -182,8 +233,8 @@ $bodyCellHeight = 40px
 
         &:last-child
           padding-right: $tablePaddingMediumScreen
-
-      th.accessionNumber, td.accessionNumber,
-      th.modalities, td.modalities,
-      th.numberOfStudyRelatedInstances, td.numberOfStudyRelatedInstances
-        display: none
+    
+    .worklistPagination
+      .row
+        margin-left: 0
+        margin-right: 0