Change columns width in medium size screens to avoid overflow

Signed-off-by: RD WebDesign <[email protected]>

Author: rdwebdesign

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">

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>

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>