fix(styles): keep style-editor scrollbar at the window's right edge

The detail-panel scrollables defaulted to shrink-to-content width, so
their vertical scrollbar landed in the middle of the panel next to the
content instead of at the window edge. Make the scrollables fill width
(and drop the dimstyle panel's right padding so the bar sits flush) in
the Dimension, Table and MLeader style editors.

Co-Authored-By: Claude Opus 4.8 <[email protected]>

src/ui/dimstyle.rs

@@ -622,12 +622,17 @@ pub fn view_window<'a>(
     };
 
     // ── Right panel: tabs + scrollable content ────────────────────────────
+    // The scrollable itself fills the full width so its scrollbar sits flush
+    // against the window's right edge; horizontal insets live on the inner
+    // content container instead of the panel padding.
     let right_panel = container(
         column![
             text(format!("Editing: {selected}")).size(11).color(DIM),
             tabs,
             hdivider(),
-            scrollable(container(tab_content).padding([12, 12])).height(Fill),
+            scrollable(container(tab_content).padding([12, 12]).width(Fill))
+                .width(Fill)
+                .height(Fill),
         ]
         .spacing(6)
         .height(Fill),
@@ -636,7 +641,7 @@ pub fn view_window<'a>(
     .width(Fill)
     .padding(iced::Padding {
         top: 12.0,
-        right: 12.0,
+        right: 0.0,
         bottom: 12.0,
         left: 0.0,
     });

src/ui/mleaderstyle.rs

@@ -344,6 +344,7 @@ pub fn view_window<'a>(v: MLeaderStyleView<'a>) -> Element<'a, Message> {
             .spacing(6)
             .padding([12, 12]),
         )
+        .width(Fill)
         .height(Fill)
         .into()
     } else {

src/ui/tablestyle.rs

@@ -328,6 +328,7 @@ pub fn view_window<'a>(
             .spacing(6)
             .padding([12, 12]),
         )
+        .width(Fill)
         .height(Fill)
         .into()
     } else {