From cbbf99259dfa89cc84a0244999e54463712883e3 Mon Sep 17 00:00:00 2001
From: Peter Makra <6892971+mcraa@users.noreply.github.com>
Date: Fri, 20 May 2022 15:25:46 +0200
Subject: [PATCH] patch: fixed style of diag button

---
 lib/gui/app/components/settings/settings.tsx | 28 +++++++++++++-------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/lib/gui/app/components/settings/settings.tsx b/lib/gui/app/components/settings/settings.tsx
index 890f368a..72fe7c60 100644
--- a/lib/gui/app/components/settings/settings.tsx
+++ b/lib/gui/app/components/settings/settings.tsx
@@ -153,15 +153,25 @@ export function SettingsModal({ toggleModal }: SettingsModalProps) {
 						style={{ marginRight: 8 }}
 					/>
 					<Txt style={{ borderBottom: '1px solid #00aeef' }}>{version}</Txt>
-					<br />
-					<Button
-						icon={<FontAwesomeIcon icon={faChartBar} />}
-						onClick={() => openDiagFrame()}
-						plain
-						size="small"
-					>
-						Run self-test
-					</Button>
+				</Flex>
+				<Flex
+					mt={18}
+					alignItems="center"
+					color="#00aeef"
+					style={{
+						width: 'fit-content',
+						cursor: 'pointer',
+						fontSize: 14,
+					}}
+					onClick={() => openDiagFrame()}
+				>
+					<FontAwesomeIcon
+						icon={faChartBar}
+						height="1em"
+						fill="currentColor"
+						style={{ marginRight: 8 }}
+					/>
+					<Txt style={{ borderBottom: '1px solid #00aeef' }}>Run self-test</Txt>
 				</Flex>
 			</Flex>