From 748decd652596074cb34c90b095d5bede680fa1b Mon Sep 17 00:00:00 2001
From: Quincy Morgan <quincy.morgan@icloud.com>
Date: Wed, 24 Jun 2020 16:21:14 -0400
Subject: [PATCH] Prevent more pane controls from overflowing their containers
 on small window sizes

---
 css/80_app.css | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/css/80_app.css b/css/80_app.css
index 36096d2e2..27b82415c 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -3140,6 +3140,8 @@ div.full-screen > button:active {
     padding: 5px 10px;
     cursor: pointer;
     flex: 1 1 auto;
+    display: flex;
+    overflow: hidden;
 }
 
 .ideditor[dir='ltr'] .layer-list .indented label {
@@ -3154,6 +3156,7 @@ div.full-screen > button:active {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
+    flex-grow: 1;
 }
 
 .map-data-pane .layer-list button,
@@ -3568,6 +3571,7 @@ li.issue-fix-item:not(.actionable) .fix-icon {
 .display-control .display-option-input {
     height: 20px;
     width: 155px;
+    max-width: 100%;
 }
 
 .display-control button {
@@ -5689,12 +5693,3 @@ li.hide + li.version .badge .tooltip .popover-arrow {
     width: 100px;
     color: #7092ff;
 }
-
-
-.list-item-photos.list-item-mapillary-map-features .request-data-link {
-    float: right;
-    margin-top: -20px;
-}
-.ideditor[dir='rtl'] .list-item-photos.list-item-mapillary-map-features .request-data-link {
-    float: left;
-}