Display formatted notes in the web UI

[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 413133e456d533a1c5ee3d0437795f01a9990bf0..5174e475d5e8063995ef7b5b13a481e34d49d6e3 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -474,6 +474,12 @@ body.site-export #tabnav a#exportanchor {
   left: 10px !important;
 }
 
+.leaflet-popup-scrolled {
+  padding-right: 20px;
+  border-bottom: 0px !important;
+  border-top: 0px !important;
+}
+
 /* Rules for edit menu */
 
 .menuicon {
@@ -829,19 +835,24 @@ table.browse_details th {
 
 td.browse_comments {
   padding: 0px;
-}
 
-td.browse_comments table {
-  border-collapse: collapse;
-}
+  table {
+    border-collapse: collapse;
 
-td.browse_comments table td {
-  padding-bottom: 10px;
-}
+    td {
+      padding-bottom: 10px;
 
-td.browse_comments table td span.by {
-  font-size: small;
-  color: #999999;
+      p {
+        margin-top: 0px;
+        margin-bottom: 0px;
+      }
+
+      span.by {
+        font-size: small;
+        color: #999999;
+      }
+    }
+  }
 }
 
 #browse_map {
@@ -1418,7 +1429,15 @@ abbr.geo {
 /* Rules for the notes interface */
 
 .note {
-  width: 300px;
+  .comment_body {
+    margin-top: 4px;
+    margin-bottom: 4px;
+
+    p {
+      margin-top: 0px;
+      margin-bottom: 0px;
+    }
+  }
 
   .buttons {
     margin-top: 5px;