Merge pull request #549 from Stremio/fix--mobile-modal-buttons-styling

fix: Modal styles on mobile where there are 3 buttons present
Stremio · Jan 3, 2024 · ca4b582 · ca4b582
2 parents 206402f + dd38bf1
commit ca4b582
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/common/ModalDialog/styles.less b/src/common/ModalDialog/styles.less
@@ -84,6 +84,7 @@
         }
     }
 }
+
 .action-button {
     flex: 1;
     display: flex;
@@ -126,7 +127,6 @@
         text-align: center;
         color: var(--primary-foreground-color);
     }
-
 }
 
 @media only screen and (max-width: @minimum) {
@@ -137,6 +137,20 @@
             max-width: initial;
             z-index: 0;
             padding: 0 1.5rem;
+
+            .buttons-container {
+                flex-direction: column;
+                gap: 1rem;
+            }
+        }
+
+        .action-button {
+            width: 100%;
+
+            .label {
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
         }
     }
 }