From 84ae9f9c5802fc042313f0ac530f1dc26b288a4f Mon Sep 17 00:00:00 2001
From: Jonas Jenwald <jonas.jenwald@gmail.com>
Date: Fri, 1 Jul 2022 13:27:13 +0200
Subject: [PATCH] [editor] Tweak `@media` CSS rules to account for the new
 toolbar buttons

---
 web/base_viewer.js |  2 +-
 web/viewer.css     | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/base_viewer.js b/web/base_viewer.js
index d73ad1263..9a2ece735 100644
--- a/web/base_viewer.js
+++ b/web/base_viewer.js
@@ -120,7 +120,7 @@ function isValidAnnotationEditorMode(mode) {
  *   being rendered. The constants from {@link AnnotationMode} should be used;
  *   see also {@link RenderParameters} and {@link GetOperatorListParameters}.
  *   The default value is `AnnotationMode.ENABLE_FORMS`.
- * @property {boolean} [annotationEditorMode] - Enables the creation and editing
+ * @property {number} [annotationEditorMode] - Enables the creation and editing
  *   of new Annotations. The constants from {@link AnnotationEditorType} should
  *   be used. The default value is `AnnotationEditorType.DISABLE`.
  * @property {string} [imageResourcesPath] - Path for image resources, mainly
diff --git a/web/viewer.css b/web/viewer.css
index 865c25541..62a1a0fa7 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -270,7 +270,7 @@ select {
   right: 0;
   bottom: 0;
   left: 0;
-  min-width: 320px;
+  min-width: 350px;
 }
 
 #sidebarContent {
@@ -1481,7 +1481,7 @@ dialog :link {
   }
 }
 
-@media all and (max-width: 770px) {
+@media all and (max-width: 820px) {
   #outerContainer .hiddenLargeView {
     display: none;
   }
@@ -1490,7 +1490,7 @@ dialog :link {
   }
 }
 
-@media all and (max-width: 700px) {
+@media all and (max-width: 750px) {
   #outerContainer .hiddenMediumView {
     display: none;
   }
@@ -1499,7 +1499,7 @@ dialog :link {
   }
 }
 
-@media all and (max-width: 640px) {
+@media all and (max-width: 690px) {
   .hiddenSmallView,
   .hiddenSmallView * {
     display: none;
@@ -1515,7 +1515,7 @@ dialog :link {
   }
 }
 
-@media all and (max-width: 535px) {
+@media all and (max-width: 560px) {
   #scaleSelectContainer {
     display: none;
   }