Fix alignment issues with icons in browse pages

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

diff --git a/app/assets/stylesheets/browse.css.scss b/app/assets/stylesheets/browse.css.scss
index 59ba0be73a269bf62766eed0e31c86825b35725b..179f0c10223518b1fc535ba23a4cebd1e47533ba 100644 (file)
--- a/app/assets/stylesheets/browse.css.scss
+++ b/app/assets/stylesheets/browse.css.scss
@@ -1,13 +1,17 @@
 /* Make space for icons */
 
-a.node, a.way, a.relation { 
-  &:first-child {
-    &::before {
-      margin-left: -25px;
-    }
-  }
+li.node::before,
+li.way::before,
+li.relation::before,
+a.node:first-child::before,
+a.way:first-child::before,
+a.relation:first-child::before {
+  margin-left: -25px;
 }
-a.node::before, a.way::before, a.relation::before {
+
+.node::before,
+.way::before,
+.relation::before {
   display: inline-block;
   width: 25px;
 }