From cc406afa4b7f232f245b1c9a0574c4384f91f87e Mon Sep 17 00:00:00 2001 From: lukaw3d Date: Wed, 24 Apr 2024 04:16:54 +0200 Subject: [PATCH 1/3] Denser tab buttons in settings --- .changelog/1905.bugfix.md | 1 + src/styles/theme/ThemeProvider.tsx | 14 ++++++++++++++ 2 files changed, 15 insertions(+) create mode 100644 .changelog/1905.bugfix.md diff --git a/.changelog/1905.bugfix.md b/.changelog/1905.bugfix.md new file mode 100644 index 0000000000..8c39900b91 --- /dev/null +++ b/.changelog/1905.bugfix.md @@ -0,0 +1 @@ +Denser tab buttons in settings diff --git a/src/styles/theme/ThemeProvider.tsx b/src/styles/theme/ThemeProvider.tsx index 6c3a926c22..d212a5d7fc 100644 --- a/src/styles/theme/ThemeProvider.tsx +++ b/src/styles/theme/ThemeProvider.tsx @@ -225,6 +225,9 @@ const grommetCustomTheme: ThemeType = { color: 'brand', }, }, + margin: { + horizontal: 'xsmall', + }, }, tabs: { header: { @@ -242,6 +245,17 @@ const grommetCustomTheme: ThemeType = { display: flex; flex-direction: column; flex-grow: 1; + + // Arrows displayed when overflowing should be smaller on small screens + & > [role='tablist'] > button { + padding-left: 0; + padding-right: 0; + + svg { + width: 14px; + margin-top: -5px; + } + } `, }, layer: { From 014239436b45213d4483085882110b9d95f20e74 Mon Sep 17 00:00:00 2001 From: lukaw3d Date: Wed, 24 Apr 2024 17:14:27 +0200 Subject: [PATCH 2/3] Make extension popup wider to fit all settings tabs on screen --- extension/src/popup.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/extension/src/popup.html b/extension/src/popup.html index 3a79692d34..2f51090363 100644 --- a/extension/src/popup.html +++ b/extension/src/popup.html @@ -5,7 +5,7 @@ ROSE Wallet Extension -
+