Simplify small screen CSS logic

diff --git a/web/viewer.css b/web/viewer.css
index c5994d33420edbe09c7bc90f4f0caf9b8014b221..d0a7be9a02039fb3f7d3c41fcf6f60081e56a6e3 100644 (file)
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -937,17 +937,26 @@ canvas {
   font-size: 10px;
 }
 
-@media all and (max-width: 770px) {
-  #scaleSelectContainer, #pageNumberLabel {
-    display: none;
+@media all and (max-width: 950px) {
+  html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
+  html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
+    float: left;
+    left: 180px;
+  }
+  html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
+  html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
+    float: right;
+    right: 180px;
   }
+}
 
+@media all and (max-width: 770px) {
   #sidebarContainer {
     top: 33px;
     z-index: 100;
   }
   #sidebarContent {
-    top: 33px;
+    top: 32px;
     background-color: hsla(0,0%,0%,.7);
   }
   #thumbnailView, #outlineView {
@@ -961,16 +970,6 @@ canvas {
     right: 0px;
   }
 
-  #pageNumber {
-    width: 30px;
-  }
-}
-
-@media all and (max-width: 500px) {
-  #viewBookmark {
-    display: none;
-  }
-
   html[dir='ltr'] .outerCenter {
     float: left;
     left: 180px;
@@ -980,3 +979,9 @@ canvas {
     right: 180px;
   }
 }
+
+@media all and (max-width: 600px) {
+  #toolbarViewerRight {
+    display: none;
+  }
+}