Final color adjustment to checkbox override

Author: jordanmccullough

_stylesheets/curriculum.css

@@ -29,27 +29,34 @@
   height: 0;
   width: 0; }
   .slide-only-check:checked + label {
-    color: #454545; }
+    color: #1875c6; }
     .slide-only-check:checked + label:before {
       content: '\f03a';
       color: white;
-      background-color: #5a5a5a;
-      box-shadow: 0 0 0 2px #5a5a5a; }
+      background-color: #1875c6;
+      box-shadow: 0 0 0 2px #1875c6;
+      padding-left: 0px;
+      line-height: 1em; }
 
 .slides-only-label {
-  color: rgba(69, 69, 69, 0.5); }
+  color: rgba(69, 69, 69, 0.5);
+  line-height: 18px;
+  padding-left: 25px; }
   .slides-only-label:before {
     content: '\f03a';
     font: normal normal normal 16px/1 octicons;
     text-align: center;
+    position: absolute;
+    left: 0;
     display: inline-block;
     border-radius: 50%;
     color: rgba(69, 69, 69, 0);
     -webkit-transition: all 180ms;
-    margin-right: 5px;
-    width: 1em;
-    height: 1em;
-    box-shadow: 0 0 0 2px #f3f3f3; }
+    padding-left: 5px;
+    width: 18px;
+    height: 18px;
+    box-shadow: 0 0 0 2px rgba(69, 69, 69, 0.5);
+    line-height: .2em; }
 
 .timer-wrapper {
   background: rgba(255, 255, 255, 0.93);

_stylesheets/curriculum.scss

@@ -56,32 +56,39 @@ $mono-dark: #454545;
   width: 0;
 
   &:checked + label{
-    color: $mono-dark;
+    color: $color-dark;
 
     &:before{
       content: '\f03a';
       color: rgba($mono-bright, 1);
-      background-color: $mono-medium;
-      box-shadow: 0 0 0 2px $mono-medium;
+      background-color: $color-dark;
+      box-shadow: 0 0 0 2px $color-dark;
+      padding-left: 0px;
+      line-height: 1em;
     }
   }
 }
 
 .slides-only-label{
   color: rgba($mono-dark, .5);
+  line-height: 18px;
+  padding-left: 25px;
 
   &:before{
     content: '\f03a';
     font: normal normal normal 16px/1 octicons;
     text-align: center;
+    position: absolute;
+    left: 0;
     display: inline-block;
     border-radius: 50%;
     color: rgba($mono-dark, 0);
     -webkit-transition: all 180ms;
-    margin-right: 5px;
-    width: 1em;
-    height: 1em;
-    box-shadow: 0 0 0 2px $mono-light;
+    padding-left: 5px;
+    width: 18px;
+    height: 18px;
+    box-shadow: 0 0 0 2px rgba($mono-dark, .5);
+    line-height: .2em;
   }
 }