From d2336f5368587d29baf90fa6625e7b768861608e Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Sun, 15 May 2022 17:47:25 +0200
Subject: feat(renderer): use system fonts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This decreases bundle size and avoid layout shifts due to font loading.

Where it is not apparent wheter people can interact with a button, icons
were added to disambiguate the button from the surrounding text.

Signed-off-by: Kristóf Marussy <kristof@marussy.com>
---
 .../renderer/src/components/errorPage/SingleCertificateDetails.tsx     | 2 ++
 packages/renderer/src/components/errorPage/TrustCertificateDialog.tsx  | 3 +--
 2 files changed, 3 insertions(+), 2 deletions(-)

(limited to 'packages/renderer/src/components/errorPage')

diff --git a/packages/renderer/src/components/errorPage/SingleCertificateDetails.tsx b/packages/renderer/src/components/errorPage/SingleCertificateDetails.tsx
index 107d9f1..0cbcac4 100644
--- a/packages/renderer/src/components/errorPage/SingleCertificateDetails.tsx
+++ b/packages/renderer/src/components/errorPage/SingleCertificateDetails.tsx
@@ -40,10 +40,12 @@ const Header = styled('th')({
 
 const SectionHeader = styled(Header)(({ theme }) => ({
   padding: `${theme.spacing(2)} 0`,
+  fontWeight: theme.typography.fontWeightBold,
 }));
 
 const SubHeader = styled(Header)(({ theme }) => ({
   color: theme.palette.text.secondary,
+  fontWeight: theme.typography.fontWeightMedium,
 }));
 
 const Cell = styled('td')({
diff --git a/packages/renderer/src/components/errorPage/TrustCertificateDialog.tsx b/packages/renderer/src/components/errorPage/TrustCertificateDialog.tsx
index 630cbe0..372498b 100644
--- a/packages/renderer/src/components/errorPage/TrustCertificateDialog.tsx
+++ b/packages/renderer/src/components/errorPage/TrustCertificateDialog.tsx
@@ -39,8 +39,7 @@ export default function TrustCertificateDialog({
   return (
     <>
       <Typography mt={2}>
-        <WarningAmberIcon fontSize="inherit" />{' '}
-        <strong>{t('trustWarning')}</strong>
+        <WarningAmberIcon fontSize="inherit" /> {t('trustWarning')}
       </Typography>
       <Box mt={1}>
         <Button
-- 
cgit v1.2.3-70-g09d2