CSS sanding, panes and Inspector

- Pane padding;
- Inspector min-width;

src/ui/components/controls/pane.vue

@@ -168,14 +168,18 @@
                 > .l-pane__collapse-button {
                     //border-bottom-right-radius: $controlCr;
                     bottom: 0;
-                    height: auto; //nth($splitterCollapseBtnD, 2);
+                    height: auto;
                     width: nth($splitterCollapseBtnD, 1);
                 }
 
-                /************************** Splitter Before */
+                /************************** Horizontal Splitter Before */
                 &[class*="-before"] {
                     padding-left: $splitterHorzPad;
 
+                    &.l-pane--holds-multipane {
+                        padding-left: nth($splitterCollapseBtnD, 1);
+                    }
+
                     > .l-pane__handle,
                     > .l-pane__collapse-button {
                         left: 0;
@@ -189,10 +193,14 @@
                     }
                 }
 
-                /************************** Splitter After */
+                /************************** Horizontal Splitter After */
                 &[class*="-after"] {
                     padding-right: $splitterHorzPad;
 
+                    &.l-pane--holds-multipane {
+                        padding-right: nth($splitterCollapseBtnD, 1);
+                    }
+
                     > .l-pane__handle,
                     > .l-pane__collapse-button {
                         right: 0;

src/ui/components/layout/MctInspector.vue

@@ -30,10 +30,11 @@
         display: flex;
         flex-flow: column nowrap;
         height: 100%;
+        min-width: 150px;
 
         > [class*="__"] {
             min-height: 50px;
-            padding: $interiorMarginLg;
+            padding: $interiorMargin;
         }
 
         &__properties {
@@ -41,6 +42,7 @@
         }
 
         &__elements {
+            //@include test(blue);
             height: 25%;
             flex: 0 1 auto;
         }