Markup / scss refactor WIP

- Search input styling and dynamics WIP;

src/ui/components/layout/Layout.vue

@@ -3,7 +3,7 @@
         <div class="l-shell__main">
             <div class="l-pane l-shell__pane-tree" ref="shell-pane-tree">
                 <div class="l-shell__search">
-                    <MctSearch ref="shell-search"></MctSearch>
+                    <search ref="shell-search"></search>
                 </div>
                 <div class="l-shell__tree">
                     <MctTree ref="shell-tree"></MctTree>
@@ -100,9 +100,9 @@
 <script>
     import MctInspector from './MctInspector.vue';
     import MctMain from './MctMain.vue';
-    import MctSearch from './MctSearch.vue';
     import MctStatus from './MctStatus.vue';
     import MctTree from './MctTree.vue';
+    import search from '../controls/search.vue';
     import splitter from '../controls/splitter.vue';
 
 export default {
@@ -114,9 +114,9 @@ export default {
     components: {
         MctInspector,
         MctMain,
-        MctSearch,
         MctStatus,
         MctTree,
+        search,
         splitter
     }
 }

src/ui/components/layout/MCTSearch.vue

@@ -9,13 +9,12 @@
 
     /******************************* SEARCH */
     .c-search {
+        input[type=search] {
+            width: 100%;
+        }
 
         &-major {
             display: flex;
-
-            input[type=search] {
-                width: 100%;
-            }
         }
     }
 </style>