css changes related to pattern state

Author: dmolsen

public/styleguide/css/states.css

@@ -2,9 +2,14 @@
 	margin-right: 4px;
 	content: "\2022";
 	display: inline-block;
+	margin-bottom: -4px;
+	font-size: 18px;
+	vertical-align: bottom;
 }
 
 .sg-nav .sg-pattern-state:before {
+	margin-top: -4px;
+	margin-bottom: 0;
 	margin-left: -4px;
 	height: 20px;
 	display: block;
@@ -17,13 +22,13 @@
 }
 
 .inprogress:before {
-	color: rgb(210, 30, 30) !important;
+	color: #FF4136 !important;
 }
 
 .inreview:before {
-	color: rgb(255, 164, 3) !important;
+	color: #FFCC00 !important;
 }
 
 .complete:before {
-	color: rgb(3, 202, 3) !important;
+	color: #2ECC40 !important;
 }

public/styleguide/css/styleguide.css

@@ -588,7 +588,7 @@
   font-size: 1em; }
 
 .sg-code-patternname {
-  font-weight: bold; }
+  color: #aaa; }
 
 #sg-code-loader {
   display: none;

public/styleguide/css/styleguide.scss

@@ -814,7 +814,7 @@ $animate-quick: 0.2s;
 }
 
 .sg-code-patternname {
-	font-weight: bold; 
+	color: #aaa; 
 }
 
 #sg-code-loader {