From 483845962e9e2757f5f2da8563bff1dea67b145a Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 18:53:38 +0200
Subject: [PATCH] refactor: combine relay info text with PWA description into
 single paragraph

---
 src/components/Settings/PWASettings.tsx | 91 +++++++++++--------------
 1 file changed, 39 insertions(+), 52 deletions(-)

diff --git a/src/components/Settings/PWASettings.tsx b/src/components/Settings/PWASettings.tsx
index 0181aeae..18be466d 100644
--- a/src/components/Settings/PWASettings.tsx
+++ b/src/components/Settings/PWASettings.tsx
@@ -72,7 +72,45 @@ const PWASettings: React.FC<PWASettingsProps> = ({ settings, onUpdate, onClose }
               <span>Install Boris as a PWA</span>
             </div>
             <p className="setting-description" style={{ marginTop: '0.5rem', marginBottom: '1rem', color: 'var(--color-text-secondary)', fontSize: '0.875rem' }}>
-              Install Boris on your device for a native app experience with offline support.
+              Install Boris on your device for a native app experience with offline support. Boris works best with a local relay. Consider running{' '}
+              <a 
+                href="https://github.com/greenart7c3/Citrine?tab=readme-ov-file#download" 
+                target="_blank" 
+                rel="noopener noreferrer"
+                style={{ color: 'var(--accent, #8b5cf6)' }}
+              >
+                Citrine
+              </a>
+              {' or '}
+              <a 
+                href="https://github.com/CodyTseng/nostr-relay-tray/releases" 
+                target="_blank" 
+                rel="noopener noreferrer"
+                style={{ color: 'var(--accent, #8b5cf6)' }}
+              >
+                nostr-relay-tray
+              </a>
+              . Don't know what relays are? Learn more{' '}
+              <a 
+                onClick={(e) => {
+                  e.preventDefault()
+                  handleLinkClick('https://nostr.how/en/relays')
+                }}
+                style={{ color: 'var(--accent, #8b5cf6)', cursor: 'pointer' }}
+              >
+                here
+              </a>
+              {' and '}
+              <a 
+                onClick={(e) => {
+                  e.preventDefault()
+                  handleLinkClick('https://davidebtc186.substack.com/p/the-importance-of-hosting-your-own')
+                }}
+                style={{ color: 'var(--accent, #8b5cf6)', cursor: 'pointer' }}
+              >
+                here
+              </a>
+              .
             </p>
             <button
               onClick={handleInstall}
@@ -152,57 +190,6 @@ const PWASettings: React.FC<PWASettingsProps> = ({ settings, onUpdate, onClose }
               <span>Use local relays as cache</span>
             </label>
           </div>
-
-          <div style={{ 
-            marginTop: '0.5rem', 
-            padding: '1rem',
-            background: 'var(--surface-secondary)',
-            borderRadius: '6px',
-            fontSize: '0.9rem',
-            lineHeight: '1.6'
-          }}>
-            <p style={{ margin: 0, color: 'var(--text-secondary)' }}>
-              Boris works best with a local relay. Consider running{' '}
-              <a 
-                href="https://github.com/greenart7c3/Citrine?tab=readme-ov-file#download" 
-                target="_blank" 
-                rel="noopener noreferrer"
-                style={{ color: 'var(--accent, #8b5cf6)' }}
-              >
-                Citrine
-              </a>
-              {' or '}
-              <a 
-                href="https://github.com/CodyTseng/nostr-relay-tray/releases" 
-                target="_blank" 
-                rel="noopener noreferrer"
-                style={{ color: 'var(--accent, #8b5cf6)' }}
-              >
-                nostr-relay-tray
-              </a>
-              . Don't know what relays are? Learn more{' '}
-              <a 
-                onClick={(e) => {
-                  e.preventDefault()
-                  handleLinkClick('https://nostr.how/en/relays')
-                }}
-                style={{ color: 'var(--accent, #8b5cf6)', cursor: 'pointer' }}
-              >
-                here
-              </a>
-              {' and '}
-              <a 
-                onClick={(e) => {
-                  e.preventDefault()
-                  handleLinkClick('https://davidebtc186.substack.com/p/the-importance-of-hosting-your-own')
-                }}
-                style={{ color: 'var(--accent, #8b5cf6)', cursor: 'pointer' }}
-              >
-                here
-              </a>
-              .
-            </p>
-          </div>
         </div>
 
         <img