Images: improve popups

style.css

@@ -251,8 +251,15 @@ ul.overpass-layer-list > li:after {
   clear: both;
 }
 .leaflet-popup-content {
+  min-width: 300px;
   max-height: 300px;
   overflow: auto;
+  word-wrap: break-word;
+}
+.leaflet-popup-content:after {
+  content: ' ';
+  clear: both;
+  display: table;
 }
 .leaflet-popup-content pre {
   font-size: 8px;
@@ -424,9 +431,6 @@ a.showDetails {
   }
 }
 
-.leaflet-popup-content {
-  min-width: 300px;
-}
 #content {
   font-size: 12px;
   font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;
@@ -523,12 +527,12 @@ a.showDetails {
 .leaflet-popup-content .images {
   float: right;
   margin-left: 0.5em;
-  max-width: 150px;
-  max-height: 100px;
+  max-width: 100px;
+  max-height: 150px;
 }
 .leaflet-popup-content .images img {
-  max-width: 100%;
-  max-height: 100%;
+  max-width: 100px;
+  max-height: 150px;
 }
 
 #contentDetails .images {