Prevent photo viewer from overlapping info panes or panels (close #5212)

openstreetmap · Apr 15, 2019 · f66836d · f66836d
1 parent 6bdf6c5
commit f66836d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/css/60_photos.css b/css/60_photos.css
@@ -1,16 +1,20 @@
 /* photo viewer div */
 #photoviewer {
-    position: absolute;
-    bottom: 10px;
-    left: 10px;
+    position: relative;
+    flex-shrink: 0;
+    margin-bottom: 10px;
     width: 330px;
     height: 250px;
     padding: 5px;
     background-color: #fff;
 }
+[dir='ltr'] #photoviewer {
+    margin-left: 10px;
+    margin-right: 2px;
+}
 [dir='rtl'] #photoviewer {
-    left: auto;
-    right: 10px;
+    margin-right: 10px;
+    margin-left: 2px;
 }
 
 @media screen and (min-width: 1600px) {

diff --git a/css/80_app.css b/css/80_app.css
@@ -3939,6 +3939,7 @@ img.tile-debug {
 .info-panels {
     display: flex;
     flex-flow: row-reverse wrap-reverse;
+    width: 100%;
     z-index: 1;
     -ms-user-select: element;
 }