Move ObjectInspector:Toggle in new place

Given that the existing header for the inspector is already quite full, squeezing it in there didn't make much sense

Author: pichfl

app/styles/ui/_split.scss

@@ -69,6 +69,10 @@
 
 /* Custom panels */
 
+.split-panel-hd-row {
+  flex-flow: row;
+}
+
 .split-panel-sidebar-1 .split-panel-bd {
   background: var(--base01);
 }
@@ -85,3 +89,11 @@
 .split-main > .split-panel-sidebar-1 > .split-panel-bd {
   overflow-y: auto;
 }
+
+.split-panel-hd-row .end {
+  margin-inline-start: auto;
+}
+
+.split-panel-hd-row:has(:only-child.end) {
+  justify-content: end;
+}

app/templates/application.hbs

@@ -45,9 +45,11 @@
           </Ui::DraggableColumn>
 
           <div class="split-panel">
-            <div class="split-panel-hd">
+            <div class="split-panel-hd split-panel-hd-row">
               <div id="toolbar"></div>
-              <ObjectInspector::Toggle class="align-end" />
+              {{#if (not this.layoutService.inspectorExpanded)}}
+                <ObjectInspector::Toggle class="end" />
+              {{/if}}
             </div>
 
             <div class="split-panel-bd" {{did-insert this.setupContentElement}}>
@@ -63,6 +65,10 @@
           @side="right"
           @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 --}}
+          </div>
           <ObjectInspector
             @popMixinDetails={{this.popMixinDetails}}
             @model={{this.mixinStack}}