[PATCH yew-widget-toolkit-assets 1/3] dialog: allow resize handle to fill the padding space in dialogs

[Shannon Sterz <s.sterz@proxmox.com>]

instead of hard-coding a resize handle size 5px scale them along with
the spacing used by elements inside dialogs. this will allow these
handles to take up more space in themes that use more relaxed
densities than "Compact". especially on hi-dpi displays hitting a 5px
by 5px area for corner handles is rather tricky.

Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
---
 scss/_dialog.scss | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/scss/_dialog.scss b/scss/_dialog.scss
index 8121b75..94f8e62 100644
--- a/scss/_dialog.scss
+++ b/scss/_dialog.scss
@@ -57,7 +57,7 @@ dialog.pwt-outer-dialog {
     &.north-west,
     &.south-east,
     &.south-west {
-        width: 5px;
+        width: var(--pwt-spacer-2);
     }
 
     &.north,
@@ -66,34 +66,34 @@ dialog.pwt-outer-dialog {
     &.north-west,
     &.south-east,
     &.south-west {
-        height: 5px;
+        height: var(--pwt-spacer-2);
     }
 
     &.west {
-        top: 5px;
-        bottom: 5px;
+        top: var(--pwt-spacer-2);
+        bottom: var(--pwt-spacer-2);
         left: 0px;
         cursor: w-resize;
     }
 
     &.east {
-        top: 5px;
-        bottom: 5px;
+        top: var(--pwt-spacer-2);
+        bottom: var(--pwt-spacer-2);
         right: 0px;
         cursor: e-resize;
     }
 
     &.north {
         top: 0px;
-        left: 5px;
-        right: 5px;
+        left: var(--pwt-spacer-2);
+        right: var(--pwt-spacer-2);
         cursor: n-resize;
     }
 
     &.south {
         bottom: 0px;
-        left: 5px;
-        right: 5px;
+        left: var(--pwt-spacer-2);
+        right: var(--pwt-spacer-2);
         cursor: s-resize;
     }
 
-- 
2.47.3