From e3e53bb931b3e4e4b5ad81f4a8b19a6c4382c6f0 Mon Sep 17 00:00:00 2001 From: William Kelso Date: Sun, 26 Apr 2026 19:05:31 -0400 Subject: [PATCH 1/3] harmonize sizes across inputs --- lib/Styles/Gtk/Button.scss | 7 ++++--- lib/Styles/Gtk/Entry.scss | 2 +- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/lib/Styles/Gtk/Button.scss b/lib/Styles/Gtk/Button.scss index c015f69ac..91b5375e5 100644 --- a/lib/Styles/Gtk/Button.scss +++ b/lib/Styles/Gtk/Button.scss @@ -9,8 +9,8 @@ button { @extend .circular; padding: rem(4px); - min-height: 16px; - min-width: 16px; + min-height: 24px; + min-width: 24px; transition: background duration("expand") easing(), transform duration("expand") easing("ease-out-back"); @@ -43,7 +43,8 @@ button { &.text-button { @extend %raised; - padding: rem(2px) rem(4px); + min-height: 20px; + padding: rem(4px) rem(4px); } // Almost certainly a button with text and image diff --git a/lib/Styles/Gtk/Entry.scss b/lib/Styles/Gtk/Entry.scss index 5183df82f..b73022df6 100644 --- a/lib/Styles/Gtk/Entry.scss +++ b/lib/Styles/Gtk/Entry.scss @@ -4,7 +4,7 @@ entry { background-color: bg-color(1); border: 1px solid $border-color; border-spacing: $button-spacing; - padding: $button-spacing; + padding: rem(4px); placeholder { @extend .dim-label; From 9e62d5708155023a86758abd5a9a15b904307b0a Mon Sep 17 00:00:00 2001 From: William Kelso Date: Mon, 4 May 2026 16:57:44 -0400 Subject: [PATCH 2/3] scale properly with text size --- lib/Styles/Gtk/Button.scss | 9 ++++----- lib/Styles/Gtk/Entry.scss | 2 +- 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/lib/Styles/Gtk/Button.scss b/lib/Styles/Gtk/Button.scss index 91b5375e5..5d7560175 100644 --- a/lib/Styles/Gtk/Button.scss +++ b/lib/Styles/Gtk/Button.scss @@ -8,9 +8,9 @@ button { &.image-button { @extend .circular; - padding: rem(4px); - min-height: 24px; - min-width: 24px; + padding: calc(0.5rem - 2px); + min-height: rem(16px); + min-width: rem(16px); transition: background duration("expand") easing(), transform duration("expand") easing("ease-out-back"); @@ -43,8 +43,7 @@ button { &.text-button { @extend %raised; - min-height: 20px; - padding: rem(4px) rem(4px); + padding: calc(0.5rem - 2px); } // Almost certainly a button with text and image diff --git a/lib/Styles/Gtk/Entry.scss b/lib/Styles/Gtk/Entry.scss index b73022df6..12eafb3dc 100644 --- a/lib/Styles/Gtk/Entry.scss +++ b/lib/Styles/Gtk/Entry.scss @@ -4,7 +4,7 @@ entry { background-color: bg-color(1); border: 1px solid $border-color; border-spacing: $button-spacing; - padding: rem(4px); + padding: calc(0.5rem - 2px); placeholder { @extend .dim-label; From 88878fd30139c7820faf9be5d10bb43085a53d6e Mon Sep 17 00:00:00 2001 From: William Kelso Date: Tue, 5 May 2026 14:53:29 -0400 Subject: [PATCH 3/3] Set minimum button size on minimum icon size --- lib/Styles/Gtk/Button.scss | 7 +++++-- lib/Styles/Gtk/Entry.scss | 2 ++ 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/lib/Styles/Gtk/Button.scss b/lib/Styles/Gtk/Button.scss index 5d7560175..68971c045 100644 --- a/lib/Styles/Gtk/Button.scss +++ b/lib/Styles/Gtk/Button.scss @@ -9,8 +9,9 @@ button { @extend .circular; padding: calc(0.5rem - 2px); - min-height: rem(16px); - min-width: rem(16px); + min-height: 16px; + min-width: 16px; + transition: background duration("expand") easing(), transform duration("expand") easing("ease-out-back"); @@ -43,6 +44,8 @@ button { &.text-button { @extend %raised; + min-height: 16px; + min-width: 16px; padding: calc(0.5rem - 2px); } diff --git a/lib/Styles/Gtk/Entry.scss b/lib/Styles/Gtk/Entry.scss index 12eafb3dc..6b5981770 100644 --- a/lib/Styles/Gtk/Entry.scss +++ b/lib/Styles/Gtk/Entry.scss @@ -5,6 +5,8 @@ entry { border: 1px solid $border-color; border-spacing: $button-spacing; padding: calc(0.5rem - 2px); + min-height: 16px; + min-width: 16px; placeholder { @extend .dim-label;