Fix: Add bottom navigation padding to settings.

Fix: New members joining don't show.

src/pages/friends/Friend.module.scss

@@ -28,6 +28,10 @@
         flex-direction: column;
         justify-content: center;
     }
+
+    &[data-mobile="true"] {
+        padding-bottom: var(--bottom-navigation-height);
+    }
 }
 
 .friend {

src/pages/friends/Friends.tsx

@@ -121,7 +121,7 @@ export default function Friends() {
                     */}
                 </div>
             </Header>
-            <div className={styles.list} data-empty={isEmpty}>
+            <div className={styles.list} data-empty={isEmpty} data-mobile={isTouchscreenDevice}>
                 {isEmpty && (
                     <>
                         <img src="https://img.insrt.uk/xexu7/XOPoBUTI47.png/raw" />
@@ -210,6 +210,8 @@ export default function Friends() {
                         </CollapsibleSection>
                     );
                 })}
+
+<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><h1>test</h1>
             </div>
         </>
     );

src/pages/settings/Settings.module.scss

@@ -41,7 +41,7 @@
     }
 
     .content {
-        padding: 10px 12px 50px;
+        padding: 10px 12px var(--bottom-navigation-height);
     }
 }