Toggle component group visibility. Closes #572

resources/assets/js/app.js

@@ -203,6 +203,14 @@ $(function() {
         $('input[name=remove_banner]').val('1');
     });
 
+    $('.group-name').on('click', function () {
+        var $this = $(this);
+
+        $this.find('.group-toggle').toggleClass('ion-ios-minus-outline').toggleClass('ion-ios-plus-outline');
+
+        $this.next('.group-items').toggleClass('hide');
+    });
+
     // Setup wizard
     $('.wizard-next').on('click', function () {
         var $form   = $('#setup-form'),

resources/assets/sass/_status-page.scss

@@ -268,14 +268,13 @@ body.status-page {
                     top: 0.6em;
                     bottom: 0.6em;
                 }
-            }
-
-            &.sub-component {
-                &:before {
-                    @extend .ion;
-                    content: $ionicon-var-ios-plus-outline;
-                    margin-right: 10px;
-                }
+                cursor: pointer;
+                -webkit-touch-callout: none;
+                -webkit-user-select: none;
+                -khtml-user-select: none;
+                -moz-user-select: none;
+                -ms-user-select: none;
+                user-select: none;
             }
 
             &.break {