From 1d85662946c393ea6985c178842be40d38fc687d Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Mon, 28 Mar 2022 14:03:59 -0300
Subject: storybook like page for dev, plus some style fixes

---
 .../taler-wallet-webextension/src/wallet/Settings.tsx     | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'packages/taler-wallet-webextension/src/wallet/Settings.tsx')

diff --git a/packages/taler-wallet-webextension/src/wallet/Settings.tsx b/packages/taler-wallet-webextension/src/wallet/Settings.tsx
index 840e95651..478ce00a8 100644
--- a/packages/taler-wallet-webextension/src/wallet/Settings.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Settings.tsx
@@ -23,6 +23,7 @@ import {
   DestructiveText,
   Input,
   LinkPrimary,
+  SubTitle,
   SuccessText,
   WarningText,
 } from "../components/styled";
@@ -86,9 +87,9 @@ export function SettingsView({
   return (
     <Fragment>
       <section>
-        <h2>
+        <SubTitle>
           <i18n.Translate>Navigator</i18n.Translate>
-        </h2>
+        </SubTitle>
         <Checkbox
           label={
             <i18n.Translate>
@@ -106,9 +107,9 @@ export function SettingsView({
           onToggle={togglePermissions}
         />
 
-        <h2>
+        <SubTitle>
           <i18n.Translate>Trust</i18n.Translate>
-        </h2>
+        </SubTitle>
         {!knownExchanges || !knownExchanges.length ? (
           <div>
             <i18n.Translate>No exchange yet</i18n.Translate>
@@ -184,7 +185,7 @@ export function SettingsView({
           </LinkPrimary>
         </div>
 
-        <h2>Troubleshooting</h2>
+        <SubTitle>Troubleshooting</SubTitle>
         <Checkbox
           label={<i18n.Translate>Developer mode</i18n.Translate>}
           name="devMode"
@@ -198,9 +199,9 @@ export function SettingsView({
         />
 
         <JustInDevMode>
-          <h2>
+          <SubTitle>
             <i18n.Translate>Display</i18n.Translate>
-          </h2>
+          </SubTitle>
           <Input>
             <SelectList
               label={<i18n.Translate>Current Language</i18n.Translate>}
-- 
cgit v1.2.3