fix for #69, updated settings ui

brain/views/dash/settings.twig

@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block stylesheets %}
-	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=cvvvb">
+	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=cvnbm">
 	{% endblock %}
 
 	{% block mainContent %}
@@ -68,15 +68,17 @@
 										<svg id="api-access-toggle" class="icons">
 											<use id="api-access-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/>		
 										</svg>
+										<span id="api-status">EXTERNAL API ACCESS ENABLED</span>
 									</button>
-									<span id="api-status">EXTERNAL API ACCESS ENABLED</span>
+									
 								{% else  %}
 									<button id="api-access-toggle" title="allow external api" data-enabled="false">
 										<svg id="api-access-toggle" class="icons">
 											<use id="api-access-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-landline"/>		
 										</svg>
+										<span id="api-status">EXTERNAL API ACCESS NOT ENABLED</span>
 									</button>
-									<span id="api-status">EXTERNAL API ACCESS NOT ENABLED</span>
+									
 								{% endif  %}
 							</div>
 							
@@ -88,18 +90,22 @@
 										<svg id="dynamic-render-toggle" class="icons">
 											<use id="dynamic-render-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-text-document-inverted"/>		
 										</svg>
+										<span id="dynamic-render-status">DYNAMIC PAGE RENDERING</span>
 									</button>
-									<span id="dynamic-render-status">DYNAMIC PAGE RENDERING</span>
+									
 								{% else  %}
 									<button id="dynamic-render-toggle" title="allow external api" data-enabled="false">
 										<svg id="dynamic-render-toggle" class="icons">
 											<use id="dynamic-render-toggle" xlink:href="/assets/images/global/sprite.svg#entypo-text-document-inverted"/>		
 										</svg>
+										<span id="dynamic-render-status">STATIC PAGE RENDERING</span>
 									</button>
-									<span id="dynamic-render-status">STATIC PAGE RENDERING</span>
+									
 								{% endif  %}
 							</div>
 						</div>
+						<div class="column"></div>
+						<div class="column"></div>
 					</div>
 				</div>
 				<div id="option-settings" class="columns">

src/styles/main/_settings.sass

@@ -139,35 +139,39 @@
         
         #feature-settings
             #feature-api, #dynamic-api
-                background: $primary
+                background: $white
                 border-radius: 3px
                 padding: 5px
-                width: 95%
+                
-                span 
-                    color: $white !important
-                    margin: 6px 0 0 5px
-                    position: relative
-                    vertical-align: middle
-                    display: inline-block
-                    font-weight: bold
     
                 button
                     color: $white
                     border-radius: 3px
-                    width: 40px
+                    width: 200px
                     margin: 0
-                    height: 25px
+                    height: 200px
+                    font-size: 1em
                     svg
-                        width: 25px
+                        width: 100px
-                        height: 20px
+                        height: 90px
                         fill: $white
                         position: relative 
                         display: block  
-                        margin: -12px auto
+                        margin: 12px auto
+                    span 
+                        color: $white
+                        margin: 6px 0 0 5px
+                        position: relative
+                        vertical-align: middle
+                        display: inline-block
+                        font-weight: bold
+                        
                 button[data-enabled='false']
                     background: $secondary
                     svg
                         fill: $primary
+                    span
+                        color: $primary
                 button[data-enabled='true']
                    background: $highlight
                    svg