MouseSettings: Show highlight toggle shortcut and new layout tweaks

This now shows the shortcut to enable mouse pointer highlighting below
the preview. The GML has also been updated to take advantage of the new
layout features rather than using fixed heights.

1 files changed, 11 insertions, 5 deletions

diff --git a/Userland/Applications/MouseSettings/Highlight.gml b/Userland/Applications/MouseSettings/Highlight.gml
index f5d98b0f4b..59d25bdc30 100644
--- a/Userland/Applications/MouseSettings/Highlight.gml
+++ b/Userland/Applications/MouseSettings/Highlight.gml
@@ -11,27 +11,33 @@
         fixed_height: 136
     }
 
+    @GUI::Label {
+        autosize: true
+        text: "Shortcut: Super+H"
+        preferred_height: "shrink"
+    }
+
     @GUI::GroupBox {
         title: "Highlight color"
-        fixed_height: 80
+        preferred_height: "opportunistic_grow"
         layout: @GUI::VerticalBoxLayout {
             margins: [6]
             spacing: 2
         }
 
-        @GUI::Widget {}
+        @GUI::Layout::Spacer {}
 
         @GUI::ColorInput {
             name: "highlight_color_input"
             has_alpha_channel: false
         }
 
-        @GUI::Widget {}
+        @GUI::Layout::Spacer {}
     }
 
     @GUI::GroupBox {
         title: "Highlight opacity"
-        fixed_height: 80
+        preferred_height: "opportunistic_grow"
         layout: @GUI::VerticalBoxLayout {
             margins: [6]
             spacing: 2
@@ -65,7 +71,7 @@
 
     @GUI::GroupBox {
         title: "Highlight size"
-        fixed_height: 80
+        preferred_height: "opportunistic_grow"
         layout: @GUI::VerticalBoxLayout {
             margins: [6]
             spacing: 2