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>
-									</button>
 										<span id="api-status">EXTERNAL API ACCESS ENABLED</span>
+									</button>
+									
 								{% 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>
-									</button>
 										<span id="api-status">EXTERNAL API ACCESS NOT ENABLED</span>
+									</button>
+									
 								{% 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>
-									</button>
 										<span id="dynamic-render-status">DYNAMIC PAGE RENDERING</span>
+									</button>
+									
 								{% 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>
-									</button>
 										<span id="dynamic-render-status">STATIC PAGE RENDERING</span>
+									</button>
+									
 								{% 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%
+                
+    
+                button
+                    color: $white
+                    border-radius: 3px
+                    width: 200px
+                    margin: 0
+                    height: 200px
+                    font-size: 1em
+                    svg
+                        width: 100px
+                        height: 90px
+                        fill: $white
+                        position: relative 
+                        display: block  
+                        margin: 12px auto
                     span 
-                    color: $white !important
+                        color: $white
                         margin: 6px 0 0 5px
                         position: relative
                         vertical-align: middle
                         display: inline-block
                         font-weight: bold
                         
-                button
-                    color: $white
-                    border-radius: 3px
-                    width: 40px
-                    margin: 0
-                    height: 25px
-                    svg
-                        width: 25px
-                        height: 20px
-                        fill: $white
-                        position: relative 
-                        display: block  
-                        margin: -12px auto
                 button[data-enabled='false']
                     background: $secondary
                     svg
                         fill: $primary
+                    span
+                        color: $primary
                 button[data-enabled='true']
                    background: $highlight
                    svg