From: Leo Koppelkamm <diebuche@gmail.com>
Date: Sun, 5 May 2013 15:52:12 +0000 (+0200)
Subject: Fix browse view display issues in medium width windows
X-Git-Tag: live~5025
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/d99830d431a6017c5e6c5005c224e5d56351f7e3

Fix browse view display issues in medium width windows

Floats are evil - using inline-block instead makes the whole thing
easier and more stable.
---

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index b2a23745e..e2529dbda 100644
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -947,14 +947,13 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
     margin: 0px;
     padding: 4px 6px;
   }
-  div {
-    clear: left;
-  }
   h4, p {
     margin-bottom: 5px;
   }
   p, ul, .bbox {
-    margin-left: 33.3333%;
+    display: inline-block;
+    vertical-align: top;
+    max-width: 65%;
   }
   ul p {
     margin-left: 0;
@@ -962,7 +961,8 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
   }
   h4 {
     width: 33.3333%;
-    float: left;
+    display: inline-block;
+    vertical-align: top;
   }
 }