Right-align legend controls, but sacrifice some vertical alignment

acteng · Oct 8, 2024 · 7eed7f6 · 7eed7f6
1 parent ecf9af8
commit 7eed7f6
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/lib/browse/layers/LayerControl.svelte b/src/lib/browse/layers/LayerControl.svelte
@@ -65,17 +65,21 @@
 <!-- For the right panel -->
 <div bind:this={contents}>
   <CheckboxGroup small>
-    <Checkbox bind:checked={show}>
-      <slot name="icon" />
-      {title}
-      <span slot="right">
+    <div
+      style="display: flex; justify-content: space-between; white-space: nowrap"
+    >
+      <Checkbox bind:checked={show}>
+        <slot name="icon" />
+        {title}
+      </Checkbox>
+      <span>
         <HelpButton>
           <slot name="help" />
         </HelpButton>
 
         <SecondaryButton on:click={remove}>X</SecondaryButton>
       </span>
-    </Checkbox>
+    </div>
   </CheckboxGroup>
   {#if show}
     <slot name="controls" />