From 1811cf045e46123ab0851e321fa31205cb8d93bc Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 19:01:34 +0200
Subject: [PATCH] refactor: split PWA description into two paragraphs and
 update text

---
 src/components/Settings/PWASettings.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Settings/PWASettings.tsx b/src/components/Settings/PWASettings.tsx
index bfefa453..a63d6c5a 100644
--- a/src/components/Settings/PWASettings.tsx
+++ b/src/components/Settings/PWASettings.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react'
 import { useNavigate } from 'react-router-dom'
-import { faDownload, faCheckCircle, faMobileAlt, faTrash } from '@fortawesome/free-solid-svg-icons'
+import { faDownload, faCheckCircle, faTrash } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { usePWAInstall } from '../../hooks/usePWAInstall'
 import { useIsMobile } from '../../hooks/useMediaQuery'
@@ -69,8 +69,11 @@ const PWASettings: React.FC<PWASettingsProps> = ({ settings, onUpdate, onClose }
         <div style={{ flex: 1, display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
           {/* PWA Install Section */}
           <div className="setting-group">
-            <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. Boris works best with a local relay. Consider running{' '}
+            <p className="setting-description" style={{ marginTop: '0.5rem', marginBottom: '0.75rem', color: 'var(--color-text-secondary)', fontSize: '0.875rem' }}>
+              Install Boris on your device for a native app experience.
+            </p>
+            <p className="setting-description" style={{ marginBottom: '1rem', color: 'var(--color-text-secondary)', fontSize: '0.875rem' }}>
+              <strong>Note:</strong> Boris works best with a local relay. Consider running{' '}
               <a 
                 href="https://github.com/greenart7c3/Citrine?tab=readme-ov-file#download" 
                 target="_blank" 
@@ -88,7 +91,7 @@ const PWASettings: React.FC<PWASettingsProps> = ({ settings, onUpdate, onClose }
               >
                 nostr-relay-tray
               </a>
-              . Don't know what relays are? Learn more{' '}
+              {' '}to bring full offline functionality to Boris. Don't know what relays are? Learn more{' '}
               <a 
                 onClick={(e) => {
                   e.preventDefault()