fix(question): handle long label display

Signed-off-by: Thierry Bugier <tbugier@teclib.com>
pluginsGLPI · Jan 20, 2021 · 7705e58 · 7705e58
1 parent 8716108
commit 7705e58
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -166,10 +166,13 @@ input.submit_button:focus {
    line-height: 32px;
    background: #CCC;
    padding-bottom: 1px;
+   display: flex;
+   flex-wrap: wrap;
 }
 
 #plugin_formcreator_form.plugin_formcreator_form_design > ol > .plugin_formcreator_section > a {
    font-size: larger;
+   flex-grow: 1;
 }
 
 #plugin_formcreator_form.plugin_formcreator_form_design > ol > .plugin_formcreator_section:not(:first-of-type) {
@@ -187,6 +190,7 @@ input.submit_button:focus {
    padding-left: 0;
    position: relative;
    min-height: 32px;
+   flex: 1 0 100%;
 }
 
 #plugin_formcreator_form.plugin_formcreator_form_design .grid-stack-item {
@@ -228,12 +232,12 @@ input.submit_button:focus {
    background: #F0F0F0;
    margin: 5px 2px;
    padding-left: 15px;
+   flex: 1;
 }
 
 /* actions on sections or questions */
 #plugin_formcreator_form.plugin_formcreator_form_design .form_control {
-   width: 20px;
-   float: right;
+   min-width: 20px;
    min-height: 1px;
    font-size: larger;
 }