optimize status page style

src/styles/controls/settings-table.css

@@ -42,10 +42,6 @@
     font-weight: normal;
 }
 
-.settings-table .wholeline {
-    display: block;
-}
-
 .settings-table .setting-value .form-group {
     margin-bottom: 0;
 }

src/styles/core/extend.css

@@ -48,6 +48,11 @@
     padding-left: 0;
 }
 
+.checkbox-compact {
+    margin-top: 2px;
+    margin-bottom: 2px;
+}
+
 /* angular-dragula extend */
 .gu-mirror {
     cursor: grabbing;

src/views/status.html

@@ -30,7 +30,12 @@
                 <span translate>Enabled Features</span>
             </div>
             <div class="setting-value col-sm-8">
-                <span class="wholeline" ng-repeat="feature in context.serverStatus.enabledFeatures" ng-bind="feature"></span>
+                <div class="checkbox checkbox-primary checkbox-compact" ng-repeat="feature in context.serverStatus.enabledFeatures">
+                    <input id="{{'feature_' + $index}}" type="checkbox" checked="checked" disabled="disabled"/>
+                    <label for="{{'feature_' + $index}}">
+                        <span ng-bind="feature"></span>
+                    </label>
+                </div>
             </div>
         </div>
         <div class="row ng-cloak" ng-if="context.serverStatus">