Fix forms editor responsive UI

3 years ago · 5f22b00ba5
parent eb1d8478d6
commit 5f22b00ba5
1 changed files with 13 additions and 6 deletions
--- a/www/form/app-form.less
+++ b/www/form/app-form.less
@ -119,17 +119,24 @@
                        display: flex;
                        justify-content: space-between;
                        flex-wrap: wrap;
-                        div {
+                        & > div {
                            flex-basis: 33.333333%;
                            padding-right: 20px;
                        }
                    }
                }
-                @media screen and (max-width: 600px) {
-                    .cp-form-creator-settings {
-                        div {
-                            flex-basis: 50%;
-                        }
+            }
+            @media screen and (max-width: 600px) and (min-width: 400px) {
+                .cp-form-creator-settings {
+                    & > div {
+                        flex-basis: 50% !important;
+                    }
+                }
+            }
+            @media screen and (max-width: 400px) {
+                .cp-form-creator-settings {
+                    & > div {
+                        flex-basis: 100% !important;
                    }
                }
            }