Reduce corner radius on all leaflet popups

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 30905b96ca029a8fa1b8d6d1ae5d0a43dc46e662..51991e591018083b8da50d1b27901221c6294ac7 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -563,6 +563,11 @@ table {
   border-top: 0px !important;
 }
 
+.leaflet-popup-content-wrapper {
+  border-radius: 4px !important;
+  -webkit-border-radius: 4px !important;
+}
+
 /* Rules for edit menu */
 
 .menuicon {
@@ -939,6 +944,9 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
     color: #ff7070;
     font-weight: bold;
   }
+  div {
+    clear: left;
+  }
   h4, p {
     margin-bottom: 5px;
   }
@@ -1078,11 +1086,6 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
   min-height: 62px;
 }
 
-.content_map .leaflet-popup-content-wrapper {
--webkit-border-radius: 4px;
-  border-radius: 4px;
-}
-
 /* Rules for user popups on maps */
 
 .user_popup {
@@ -1641,12 +1644,13 @@ a.button.submit {
   .richtext_content {
     display: inline-block;
     vertical-align: top;
+    white-space: normal;
 
     .richtext_preview {
       display: inline-block;
       padding: 20px;
       background-color: #f4f4ff;
-      white-space: normal;
+      overflow-x: scroll;
 
       &.loading {
         background-image: image-url("loading.gif");
@@ -1724,6 +1728,10 @@ a.button.submit {
     margin-bottom: 10px;
   }
 
+  div {
+    margin-top: 10px;
+  }
+
   .warning {
     display: block;
     background-color: #ff7070;
@@ -1732,8 +1740,8 @@ a.button.submit {
   }
 
   .comment_body {
-    margin-top: 4px;
-    margin-bottom: 4px;
+    margin-top: 2px;
+    margin-bottom: 2px;
 
     p {
       margin-top: 0px;