From 731a8d0e6c5cb9b8091d0df9d9d5b5001ed31446 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Fri, 9 Jul 2021 00:11:01 +0200
Subject: [PATCH] small fixes to theme override panel
---
src/pages/settings/panes/Appearance.tsx | 2 +-
src/pages/settings/panes/Panes.module.scss | 7 +++++--
2 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/src/pages/settings/panes/Appearance.tsx b/src/pages/settings/panes/Appearance.tsx
index 8a90630..48fa363 100644
--- a/src/pages/settings/panes/Appearance.tsx
+++ b/src/pages/settings/panes/Appearance.tsx
@@ -250,7 +250,7 @@ export function Component(props: Props) {
</Button>
</Tooltip>
<div className={styles.code} onClick={() => writeClipboard(JSON.stringify(theme))}>
- <Tooltip content={<Text id="app.special.copy" />}>
+ <Tooltip content={<Text id="app.special.copy" />}> {/*TOFIX: Try to put the tooltip above the .code div without messing up the css challenge */}
{JSON.stringify(theme)}
</Tooltip>
</div>
diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index f8e9689..8089c6b 100644
--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -252,11 +252,13 @@
.actions {
gap: 8px;
display: flex;
- margin: 8px 0;
+ margin: 18px 0 8px 0;
.code {
cursor: pointer;
-
+ display: flex;
+ align-items: center;
+ font-size: .875rem;
min-width: 0;
flex-grow: 1;
padding: 8px;
@@ -278,6 +280,7 @@
display: grid;
column-gap: 16px;
grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
+ margin-bottom: 20px;
.entry {
padding: 12px;
--
GitLab