Add accessibility section and images to user manual

Added a new 'Text Size & Accessibility' section to the user manual with instructions and screenshots for adjusting text size. Updated installation instructions with a manual install image. Updated README to summarize recent UI, accessibility, and security improvements.

Author: Nzettodess

BackupDocs/images/manual_install.png

@@ -53,6 +53,7 @@ <h1>Orbit Guide</h1>
                 <ul>
                     <li><a href="#holidays">Public Holidays</a></li>
                     <li><a href="#calendar-view">Calendar View</a></li>
+                    <li><a href="#text-size">Text Size & Accessibility</a></li>
                     <li><a href="#privacy">Privacy</a></li>
                 </ul>
             </li>
@@ -87,9 +88,16 @@ <h3 id="install">Installation & Launch</h3>
             <ul>
                 <li><strong>Web URL:</strong> <a href="https://orbit-wheat-sigma.vercel.app/" target="_blank">Launch
                         Orbit Web</a></li>
+                <li><strong>Manual Install:</strong> If the prompt doesn't appear, open the sidebar menu and tap
+                    <strong>Install App</strong>.</li>
                 <li><strong>Best Experience:</strong> Open your installed app if available.</li>
             </ul>
 
+            <div class="placeholder-img">
+                <img src="images/manual_install.png" alt="Manual Install Button"
+                    onerror="this.parentElement.innerHTML='<span style=\'padding:20px\'>Drop <code>images/manual_install.png</code> here showing the Install App button in the menu</span>'">
+            </div>
+
             <div class="alert-info">
                 <strong>Why Install?</strong>
                 <ul>
@@ -343,6 +351,25 @@ <h3 id="calendar-view">Calendar View</h3>
                     onerror="this.parentElement.innerHTML='<span style=\'padding:20px\'>Drop <code>images/calendar_view.png</code> here showing Calendar Tiles</span>'">
             </div>
 
+            <h3 id="text-size">Text Size & Accessibility</h3>
+            <p>For easier reading, you can adjust the overall text scale of the app (from 80% to 150%):</p>
+            <ol>
+                <li>Open the <strong>Navigation Drawer</strong> and tap <strong>Settings</strong>.</li>
+                <li>Scroll down to the <strong>Text Size</strong> section.</li>
+                <li>Select your desired scale (e.g., "Large 120%") from the dropdown menu.</li>
+            </ol>
+
+            <div style="display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px;">
+                <div class="placeholder-img" style="flex: 1; min-width: 250px;">
+                    <img src="images/menu_settings.png" alt="Settings in Menu"
+                        onerror="this.parentElement.innerHTML='<span style=\'padding:10px\'>Drop <code>images/menu_settings.png</code> here showing Settings icon in menu</span>'">
+                </div>
+                <div class="placeholder-img" style="flex: 1; min-width: 250px;">
+                    <img src="images/text_size_dropdown.png" alt="Text Size Dropdown"
+                        onerror="this.parentElement.innerHTML='<span style=\'padding:10px\'>Drop <code>images/text_size_dropdown.png</code> here showing the Text Size dropdown setting</span>'">
+                </div>
+            </div>
+
             <h3 id="privacy">Privacy: "Block Edit"</h3>
             <p>By default, Group Admins can help manage your details (like location) for coordination. You can block
                 this in <strong>Settings > Privacy</strong>.</p>

BackupDocs/images/menu_settings.png

@@ -20,16 +20,10 @@ Orbit is a collaborative location and calendar coordination app for groups, buil
 
 ### [1.0.1] - 2026-01-03
 
-- **📐 Responsive App Bar**: Logo and title now adapt to narrow screens (<400px hides title spacing, <375px hides "Orbit" text, <320px hides logo) to prevent overflow.
-- **🎨 Solid Button Colors**: "Join Group" (green), "Create Group" (purple), and "More" buttons now have solid, vibrant backgrounds for better visibility.
-- **📅 Responsive Date Picker**: Date picker dialog now adapts to very narrow screens with reduced padding, smaller fonts, and shorter helper text.
-- **📝 Text Size Settings**: Added adjustable font size (80%-150%) in Settings for elderly users and accessibility.
-- **🔄 Manual Refresh**: Added a refresh button in the navigation bar for quick page reloads, especially useful for PWA users.
-- **📱 iOS PWA Install**: The "Install App" button now always shows on iOS since Safari cannot reliably detect installation status.
-- **🔒 Enhanced Security**: Tightened Firestore rules to ensure User Profiles and Group Lists are private and accessible only to relevant members.
-- **🛡️ Secure Join Flow**: Improved "Join Group" process to securely handle user identity without exposing public profile data.
-- **🚫 Owner Protection**: Enforced strict rules preventing Group Owners from leaving without first transferring ownership, ensuring groups never become orphaned.
-- **🐛 Access Fixes**: Resolved issues where valid group members could not see their own groups due to permission configurations.
+- **🎨 UI & Accessibility**: Standardized 90% mobile dialogs with pixel-perfect icon alignment, added variable text scaling (80-150%), and refined Settings labels with vibrant, high-contrast button colors.
+- **� Responsive Polish**: Optimized App Bar, Date Picker, and "Load more" button layouts to prevent overflows on narrow screens (320px-450px) while maintaining legibility.
+- **⚡ UX & PWA**: Restored original AlertDialog feedback for copy actions, added a manual refresh button, and optimized installation logic for iOS PWA users.
+- **� Security & Integrity**: Hardened Firestore rules for user privacy, secured the group join flow, and enforced strict ownership transfer policies to prevent orphaned groups.
 
 ### [1.0.0] - 2026-01-01