cq

commit b8cd21deef44c51504da28e3321e8b1947c903b2
parent bdfba3cda90f1a14adb749a1e605aee4c707b54e
Author: finwo <finwo@pm.me>
Date:   Sun, 14 Sep 2025 00:58:25 +0200

Slightly nicer <small> styling

Diffstat:
M
packages/app/src/component/screen-account-create.tsx
 | 
6
++++--
M
packages/app/src/component/screen-device-add.tsx
 | 
4
++--
M
packages/app/src/global.css
 | 
4
+++-

3 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/packages/app/src/component/screen-account-create.tsx b/packages/app/src/component/screen-account-create.tsx
@@ -149,7 +149,8 @@ export const AccountCreateScreen = {
     (vnode: _Vnode) => (
       <div class="main">
         <p>
-          Give your new account a name you'll recognize (not public)
+          Give your new account a name<br/>
+          <small>Not public, just for your reference</small>
         </p>
         <input id="accountName" value={vnode.state.accountName} style="display: block; width: calc(100% - 2rem);" type="text"/>
         <button onclick={vnode.state.handler.setAccountName(vnode)}>Next</button>
@@ -180,7 +181,8 @@ export const AccountCreateScreen = {
     (vnode: _Vnode) => (
       <div class="main">
         <p>
-          Give this device a name (publicly readable)
+          Give this device a name<br/>
+          <small>Publicly visible</small>
         </p>
         <input id="deviceName" value={vnode.state.deviceName} style="display: block; width: calc(100% - 2rem);" type="text"/>
         <button onclick={vnode.state.handler.goto(vnode, 2)}>Back</button>
diff --git a/packages/app/src/component/screen-device-add.tsx b/packages/app/src/component/screen-device-add.tsx
@@ -22,7 +22,7 @@ export const DeviceAddScreen = {
       { data: vnode.state.addDeviceURL },
     ], {
       errorCorrectionLevel: 'H',
-      scale: 8,
+      scale: 6,
       margin: 1,
     });
     m.redraw();
@@ -49,7 +49,7 @@ export const DeviceAddScreen = {
           Or, open this link on the device you want to add:
           <br/><br/>
           <center>
-            <a href={vnode.state.addDeviceURL}>{vnode.state.addDeviceURL}</a>
+            <a href={vnode.state.addDeviceURL} style="overflow-wrap:anywhere;">{vnode.state.addDeviceURL}</a>
           </center>
         </p>
       </div>
diff --git a/packages/app/src/global.css b/packages/app/src/global.css
@@ -27,7 +27,9 @@ h1, h2, h3, h4, h5, h6, legend, label {
 }
 
 small {
-  font-size: 0.8em;
+  font-size: 0.75em;
+  font-weight: 500;
+  color: #FFFA;
 }
 
 a[href] {