From 0e559bff8bf8c0e74e9b4a9cb25d8f7d48eb52b5 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Thu, 12 Jan 2023 19:53:28 +0100
Subject: [PATCH] Add another border-radius value

and make former large radius a bit smaller.
---
 qt/aqt/data/web/css/deckbrowser.scss | 16 ++++++++--------
 sass/_vars.scss                      |  8 +++++++-
 ts/deck-options/HelpModal.svelte     |  2 +-
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/qt/aqt/data/web/css/deckbrowser.scss b/qt/aqt/data/web/css/deckbrowser.scss
index 00e875290..21d349bb3 100644
--- a/qt/aqt/data/web/css/deckbrowser.scss
+++ b/qt/aqt/data/web/css/deckbrowser.scss
@@ -62,12 +62,12 @@ tr:hover:not(.top-level-drag-row) {
     td {
         background: color(border-subtle);
         &:first-child {
-            border-top-left-radius: prop(border-radius-large);
-            border-bottom-left-radius: prop(border-radius-large);
+            border-top-left-radius: prop(border-radius-medium);
+            border-bottom-left-radius: prop(border-radius-medium);
         }
         &:last-child {
-            border-top-right-radius: prop(border-radius-large);
-            border-bottom-right-radius: prop(border-radius-large);
+            border-top-right-radius: prop(border-radius-medium);
+            border-bottom-right-radius: prop(border-radius-medium);
         }
         .gears {
             visibility: visible;
@@ -82,14 +82,14 @@ tr:hover:not(.top-level-drag-row) {
             &:first-child {
                 border-top-left-radius: 0;
                 border-bottom-left-radius: 0;
-                border-top-right-radius: prop(border-radius-large);
-                border-bottom-right-radius: prop(border-radius-large);
+                border-top-right-radius: prop(border-radius-medium);
+                border-bottom-right-radius: prop(border-radius-medium);
             }
             &:last-child {
                 border-top-right-radius: 0;
                 border-bottom-right-radius: 0;
-                border-top-left-radius: prop(border-radius-large);
-                border-bottom-left-radius: prop(border-radius-large);
+                border-top-left-radius: prop(border-radius-medium);
+                border-bottom-left-radius: prop(border-radius-medium);
             }
         }
     }
diff --git a/sass/_vars.scss b/sass/_vars.scss
index ef10bca04..7770763cd 100644
--- a/sass/_vars.scss
+++ b/sass/_vars.scss
@@ -25,8 +25,14 @@ $vars: (
                     default: 5px,
                 ),
             ),
+            medium: (
+                "Used for container corners",
+                (
+                    default: 12px,
+                ),
+            ),
             large: (
-                "Used for big centered buttons",
+                "Used for pill-shaped buttons",
                 (
                     default: 15px,
                 ),
diff --git a/ts/deck-options/HelpModal.svelte b/ts/deck-options/HelpModal.svelte
index da6b8ce1b..0b2d06bcb 100644
--- a/ts/deck-options/HelpModal.svelte
+++ b/ts/deck-options/HelpModal.svelte
@@ -158,7 +158,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     .modal-content {
         background-color: var(--canvas);
         color: var(--fg);
-        border-radius: var(--border-radius-large, 10px);
+        border-radius: var(--border-radius-medium, 10px);
     }
 
     .invert {