Use simpler CSS like it's 2015

Author: pichfl

app/styles/ui/_split.scss

@@ -90,10 +90,7 @@
   overflow-y: auto;
 }
 
-.split-panel-hd-row .end {
-  margin-inline-start: auto;
-}
-
-.split-panel-hd-row:has(:only-child.end) {
-  justify-content: end;
+/* There is better ways to do this, but they create more complicated CSS */
+.split-panel-hd-row .spacer {
+  flex: 1 1 100%;
 }

app/templates/application.hbs

@@ -48,7 +48,8 @@
             <div class="split-panel-hd split-panel-hd-row">
               <div id="toolbar"></div>
               {{#unless this.layout.inspectorExpanded}}
-                <ObjectInspector::Toggle class="end" />
+                <span class="spacer">{{!--  Spacer to shift the toggle to the end of the header --}}</span>
+                <ObjectInspector::Toggle />
               {{/unless}}
             </div>
 
@@ -66,8 +67,8 @@
           @width={{this.inspectorWidth}}
         >
           <div class="split-panel-hd split-panel-hd-row">
-            <ObjectInspector::Toggle class="end" />
-            {{!-- TODO: Create a target to place additional buttons here --}}
+            <span class="spacer"></span>
+            <ObjectInspector::Toggle />
           </div>
           <ObjectInspector
             @popMixinDetails={{this.popMixinDetails}}