Fixed sessions tab for mobile devices

src/pages/settings/panes/Panes.module.scss

@@ -312,6 +312,22 @@
         display: flex;
         align-items: center;
         gap: 12px;
+        flex-direction: row;
+
+        .flextest {
+            display: flex;
+            gap: 12px;
+            flex-grow: 1;
+        }
+
+        @media only screen and (max-width: 900px) {
+            align-items: unset;
+            flex-direction: column;
+
+            > button {
+                width: 100%;
+            }
+        }
     }
 
     .entry {

src/pages/settings/panes/Sessions.tsx

@@ -128,6 +128,7 @@ export function Sessions() {
                         </span>
                     )}
                     <div className={styles.session}>
+                        <div className={styles.flextest}>
                             <div className={styles.icon}>
                                 {getIcon(session)}
                                 <div>{getSystemIcon(session)}</div>
@@ -149,7 +150,12 @@ export function Sessions() {
                                         }}
                                     />
                                 </span>
+                        
+                        
                             </div>
+                        </div>
+                            
+
                             {deviceId !== session.id && (
                             <Button
                                 onClick={async () => {
@@ -173,6 +179,7 @@ export function Sessions() {
                                 <Text id="app.settings.pages.logOut" />
                             </Button>
                         )}
+                        
                     </div>
                 </div>
             ))}