[mirotalk] - settings tab: keep icons vertical on small screens

2026-03-29 00:32:32 +01:00
parent 6bb4b213d2
commit 70e12e8196
8 changed files with 20 additions and 14 deletions
@@ -1647,7 +1647,7 @@ button {
        min-height: auto;
    }
    .mySettingsMain {
-        flex-direction: column;
+        flex-direction: row;
    }
 }

@@ -2031,11 +2031,17 @@ button {

@media screen and (max-width: 830px) {
    .tab {
-        display: inline;
-        width: 100%;
+        display: flex;
+        flex-direction: column;
+        width: auto;
+        min-width: 50px;
        min-height: auto;
-        flex-direction: row;
-        border-right: none !important;
+    }
+    .tab button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
    }
    .tabActions {
        width: 100%;