From 5f22b00ba5fe0f92247524c60471662d90cad1b2 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Thu, 2 Sep 2021 13:42:29 +0200
Subject: [PATCH] Fix forms editor responsive UI

---
 www/form/app-form.less | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/www/form/app-form.less b/www/form/app-form.less
index 66f60d37b..3aced5325 100644
--- 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;
                     }
                 }
             }