Give the bookmarks icon some more room and make it yellow. Fixes #3

design/style.css

@@ -2805,12 +2805,19 @@ a.Bookmark:before {
 a.Bookmark:before {
   font-size: 14px;
   line-height: 1.428571429;
-  color: #333333;
+  color: #f0ad4e;
 }
 a.Bookmark:hover,
 a.Bookmark:focus {
   text-decoration: none;
 }
+a.Bookmark:hover:before,
+a.Bookmark:focus:before {
+  color: #2a6496;
+}
+.OptionsMenu + a.Bookmark {
+  margin-left: 5px;
+}
 a.Bookmarked:before {
   content: "\e006";
 }

less/core/components/glyphicons.less

@@ -84,12 +84,20 @@ a.Bookmark {
   &:before {
     font-size: @font-size-base;
     line-height: @line-height-base;
-    color: @text-color;
+    color: @brand-warning;
   }
 
   &:hover,
   &:focus {
     text-decoration: none;
+
+    &:before {
+      color: @link-hover-color;
+    }
+  }
+
+  .OptionsMenu + & {
+    margin-left: 5px;
   }
 }