Responsive form settings layout

3 years ago · e2adf44a1f
parent 669297db4c
commit e2adf44a1f
1 changed files with 12 additions and 1 deletions
--- a/www/form/app-form.less
+++ b/www/form/app-form.less
@ -116,8 +116,19 @@
                    width: 100% !important;
                    .cp-form-creator-settings {
                        display: flex;
-                        justify-content: space-evenly;
+                        justify-content: space-between;
                        flex-wrap: wrap;
+                        div {
+                            flex-basis: 33.333333%;
+                            padding-right: 20px;
+                        }
+                    }
+                }
+                @media screen and (max-width: 600px) {
+                    .cp-form-creator-settings {
+                        div {
+                            flex-basis: 50%;
+                        }
                    }
                }
            }