settings - radio/checkbox UI - wip

cms/static/sass/_settings.scss

@@ -213,11 +213,9 @@
       .ui-status-indic {
         z-index: 10;
         display: inline-block;
-        height: 15px;
-        width: 15px;
-        border: 2px;
+        height: 30px;
+        width: 20px;
         opacity: 0.50;
-        @include box-sizing(border-box);
         @include transition(opacity 0.25s ease-in-out);
       }
 
@@ -244,7 +242,7 @@
       }
 
       .ui-status-input-checkbox input:checked ~ .ui-status-indic, .ui-status-input-radio input:checked ~ .ui-status-indic {
-        background: transparent url('/static/img/.png') 0 0 no-repeat;
+        background: transparent url('../images/correct-icon.png') 0 0 no-repeat;
         opacity: 0.99;
       }
 

cms/templates/settings.html

@@ -1062,14 +1062,14 @@
                 <div class="field ui-status">
                   <div class="input ui-status-input-radio">
                     <input type="radio" class="ui-status-input" name="discussions-anonymous" id="discussions-anonymous-allow" value="Allow">
-                    <div class="ui-status-indic ui-status-indic-discussions-anonymous-allow ss-check ss-standard"></div>
+                    <div class="ui-status-indic ui-status-indic-discussions-anonymous-allow"></div>
                     <label for="discussions-anonymous-allow">Allow</label>
                     <span class="tip tip-stacked">Students and faculty <strong>will be able to post anonymously</strong></span>
                   </div>
 
                   <div class="input ui-status-input-radio">
                     <input checked="checked" type="radio" class="ui-status-input" name="discussions-anonymous" id="discussions-anonymous-dontallow" value="Do Not Allow">
-                    <div class="ui-status-indic ui-status-indic-discussions-anonymous-dontallow ss-delete ss-standard"></div>
+                    <div class="ui-status-indic ui-status-indic-discussions-anonymous-dontallow"></div>
                     <label for="discussions-anonymous-dontallow">Do not allow</label>
                     <span class="tip tip-stacked"><strong>Posting anonymously is not allowed</strong>. Any previous anonymous posts <strong>will be reverted to non-anonymous</strong></span>
                   </div>