Enhaced lists

src/stylesheets/lungo.layout.list.styl

@@ -76,6 +76,7 @@
       white-space: nowrap
       text-overflow: ellipsis
       & + .right
+        margin-left: 0px
         margin-top: -12px
 
     & small, &.anchor, & .right:not(.tag)
@@ -84,12 +85,13 @@
   & .loading .right
     font-size: 1.0em
 
-  & .right .icon, & small .icon
-    height: 13px !important
-    width: 13px !important
-    margin-right: 1px !important
-    font-size: 1.2em !important
-    line-height: 1.1em
+  & .right, small
+    & .icon
+      height: 13px !important
+      width: 13px !important
+      margin-right: 1px !important
+      font-size: 1.2em !important
+      line-height: 1.1em
 
   &.indented li
     margin-bottom: 10px

src/stylesheets/theme.lungo.styl

@@ -23,6 +23,7 @@ DARK_light      = lighten(DARK, 25%)
 DARK_dark       = darken(DARK, 15%)
 DARK_darkest    = darken(DARK, 30%)
 FORM_radius     = 1px
+LIST_color      = lighten(COLOR, 5%)
 LIST_color_2nd  = lighten(COLOR, 35%)
 LIST_border     = lighten(COLOR, 90%)
 NAV_LINK        = #888
@@ -141,7 +142,7 @@ nav
     &.arrow::after
       border-color: COLOR_secondary
 
-    &, & a
+    &, a
       color: LIST_color
       &.anchor
         background: DARK
@@ -153,8 +154,10 @@ nav
         background:  LIST_border
         color: LIST_color_2nd
       &.dark, &.selectable:active, &.theme, &.anchor
-        &, small, & .right:not(.tag)
+        &, small, & .right:not(.tag), strong, .arrow::after
           color: #fff
+        &.arrow::after
+          border-color: #fff
       & small, & .right:not(.tag)
         color: LIST_color_2nd