From c1d173f40ed36bd9934c8857d986b196de806d67 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 19:12:17 +0200
Subject: [PATCH] fix: move offline-first paragraph inside flex container to
 prevent overlap with image

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

diff --git a/src/components/Settings/PWASettings.tsx b/src/components/Settings/PWASettings.tsx
index 44b8cacf..7308294b 100644
--- a/src/components/Settings/PWASettings.tsx
+++ b/src/components/Settings/PWASettings.tsx
@@ -64,12 +64,12 @@ const PWASettings: React.FC<PWASettingsProps> = ({ settings, onUpdate, onClose }
     <div className="settings-section">
       <h3 className="section-title">App & Airplane Mode</h3>
       
-      <p className="setting-description" style={{ marginBottom: '1rem', color: 'var(--color-text-secondary)', fontSize: '0.875rem' }}>
-        Boris is offline‑first by design. You can read, create highlights, and browse your library without being connected to the internet. Boris will store changes locally and sync later.
-      </p>
-      
       <div style={{ display: 'flex', gap: '2rem', alignItems: 'stretch' }}>
         <div style={{ flex: 1, display: 'flex', flexDirection: 'column', gap: '0.25rem' }}>
+          <p className="setting-description" style={{ marginBottom: '1rem', color: 'var(--color-text-secondary)', fontSize: '0.875rem' }}>
+            Boris is offline‑first by design. You can read, create highlights, and browse your library without being connected to the internet. Boris will store changes locally and sync later.
+          </p>
+          
           {/* Flight Mode Section - Checkboxes First */}
           <div className="setting-group" style={{ display: 'flex', alignItems: 'center', gap: '1rem', flexWrap: 'wrap' }}>
             <label htmlFor="enableImageCache" className="checkbox-label" style={{ marginBottom: 0 }}>