From 41567413f28704efcafcd395855c9be2450cd730 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Wed, 7 Jul 2021 22:35:15 +0200
Subject: [PATCH] Fix: small improvements for sessions tab

---
 src/pages/settings/panes/Panes.module.scss | 3 ++-
 src/pages/settings/panes/Sessions.tsx      | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index 5e02383e..1839bc8a 100644
--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -314,7 +314,7 @@
         gap: 12px;
         flex-direction: row;
 
-        .flextest {
+        .detail {
             display: flex;
             gap: 12px;
             flex-grow: 1;
@@ -323,6 +323,7 @@
         @media only screen and (max-width: 900px) {
             align-items: unset;
             flex-direction: column;
+            gap: 20px;
 
             > button {
                 width: 100%;
diff --git a/src/pages/settings/panes/Sessions.tsx b/src/pages/settings/panes/Sessions.tsx
index ffd60a97..81dae3c5 100644
--- a/src/pages/settings/panes/Sessions.tsx
+++ b/src/pages/settings/panes/Sessions.tsx
@@ -128,7 +128,7 @@ export function Sessions() {
                         </span>
                     )}
                     <div className={styles.session}>
-                        <div className={styles.flextest}>
+                        <div className={styles.detail}>
                             <div className={styles.icon}>
                                 {getIcon(session)}
                                 <div>{getSystemIcon(session)}</div>