From 6ab55c40be53f528dfe0c11d46d3b4fafe45083c Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Mon, 23 Dec 2024 15:32:58 -0300
Subject: [PATCH] Change columns width in medium size screens to avoid overflow

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 groups-clients.lp |  6 +++---
 groups-domains.lp | 12 ++++++------
 groups-lists.lp   |  6 +++---
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/groups-clients.lp b/groups-clients.lp
index d01e2b9ef..061bd0a43 100644
--- a/groups-clients.lp
+++ b/groups-clients.lp
@@ -34,13 +34,13 @@ mg.include('scripts/lua/header_authenticated.lp','r')
                             <option disabled selected>Loading...</option>
                         </select>
                     </div>
-                    <div class="form-group col-md-3">
+                    <div class="form-group col-lg-3 col-md-6">
                         <label for="new_comment">Comment:</label>
                         <input id="new_comment" type="text" class="form-control" placeholder="Client description (optional)">
                     </div>
-                    <div class="form-group col-md-3">
+                    <div class="form-group col-lg-3 col-md-6">
                         <label for="new_group">Group assignment:</label>
-                        <div><select class="selectpicker" id="new_group" multiple></select></div>
+                        <div><select class="selectpicker form-control" id="new_group" multiple></select></div>
                     </div>
                 </div>
                 <div class="row">
diff --git a/groups-domains.lp b/groups-domains.lp
index e9cafe3be..c1aa01fa9 100644
--- a/groups-domains.lp
+++ b/groups-domains.lp
@@ -46,13 +46,13 @@ mg.include('scripts/lua/header_authenticated.lp','r')
                                         <div id="suggest_domains" class="table-responsive no-border"></div>
                                     </div>
                                 </div>
-                                <div class="col-md-3 form-group">
+                                <div class="col-lg-3 col-md-6 form-group">
                                     <label for="new_domain_comment">Comment:</label>
                                     <input id="new_domain_comment" type="text" class="form-control" placeholder="Description (optional)">
                                 </div>
-                                <div class="col-md-3 form-group">
+                                <div class="col-lg-3 col-md-6 form-group">
                                     <label for="new_domain_group">Group assignment:</label>
-                                    <div><select class="selectpicker" id="new_domain_group" multiple></select></div>
+                                    <div><select class="selectpicker form-control" id="new_domain_group" multiple></select></div>
                                 </div>
                             </div>
                             <div class="row">
@@ -79,13 +79,13 @@ mg.include('scripts/lua/header_authenticated.lp','r')
                                             regular expressions tutorial</a>.
                                     </div>
                                 </div>
-                                <div class="form-group col-md-3">
+                                <div class="col-lg-3 col-md-6 form-group">
                                     <label for="new_regex_comment">Comment:</label>
                                     <input id="new_regex_comment" type="text" class="form-control" placeholder="Description (optional)">
                                 </div>
-                                <div class="col-md-3 form-group">
+                                <div class="col-lg-3 col-md-6 form-group">
                                     <label for="new_regex_group">Group assignment:</label>
-                                    <div><select class="selectpicker" id="new_regex_group" multiple></select></div>
+                                    <div><select class="selectpicker form-control" id="new_regex_group" multiple></select></div>
                                 </div>
                             </div>
                         </div>
diff --git a/groups-lists.lp b/groups-lists.lp
index 364bf4421..59e5a402f 100644
--- a/groups-lists.lp
+++ b/groups-lists.lp
@@ -32,13 +32,13 @@ mg.include('scripts/lua/header_authenticated.lp','r')
                         <label for="new_address">Address:</label>
                         <input id="new_address" type="text" class="form-control" placeholder="URL" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off">
                     </div>
-                    <div class="form-group col-md-3">
+                    <div class="form-group col-lg-3 col-md-6">
                         <label for="new_comment">Comment:</label>
                         <input id="new_comment" type="text" class="form-control" placeholder="List description (optional)">
                     </div>
-                    <div class="form-group col-md-3">
+                    <div class="form-group col-lg-3 col-md-6">
                         <label for="new_group">Group assignment:</label>
-                        <div><select class="selectpicker" id="new_group" multiple></select></div>
+                        <div><select class="selectpicker form-control" id="new_group" multiple></select></div>
                     </div>
                 </div>
             </div>