Markup / scss refactor WIP

- Added disabled property to viewControl;
- Margin for elements in main panes;
- Main search input styled for --major;

src/ui/components/controls/search.vue

@@ -26,13 +26,24 @@
             display: block;
             font-family: symbolsfont;
             flex: 0 0 auto;
-            opacity: 0.7;
+            opacity: 0.5;
             overflow: hidden;
             padding: 2px; // Prevents clipping
             transition: width 250ms ease;
             width: 1em;
         }
 
+        &:hover {
+            box-shadow: inset rgba(black, 0.8) 0 0px 2px;
+            &:before {
+                opacity: 0.9;
+            }
+        }
+
+        &--major {
+            padding: 4px;
+        }
+
         &__input {
             background: none  !important;
             box-shadow: none !important; // !important needed to override default for [input]
@@ -46,13 +57,6 @@
             display: none;
         }
 
-        &:hover {
-            box-shadow: inset rgba(black, 0.7) 0 0px 2px;
-            &:before {
-                opacity: 0.9;
-            }
-        }
-
         &.is-active {
             &:before {
                 padding: 2px 0px;