From 03c507507b88b509b9f871ccb34a6b41cf2874c8 Mon Sep 17 00:00:00 2001
From: Michel Gabriel <michel.gabriel@geocat.net>
Date: Tue, 17 Sep 2024 14:56:31 +0200
Subject: [PATCH] Fix for a few cases where the layout was still wrong and too
 small. Every width now displays the buttons below the 2 inputs

---
 .../catalog/templates/admin/settings/ui.html       | 14 +++++++++-----
 .../views/default/less/gn_admin_default.less       |  9 +++++----
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/web-ui/src/main/resources/catalog/templates/admin/settings/ui.html b/web-ui/src/main/resources/catalog/templates/admin/settings/ui.html
index 472b3c464f5..fab8d3a89e6 100644
--- a/web-ui/src/main/resources/catalog/templates/admin/settings/ui.html
+++ b/web-ui/src/main/resources/catalog/templates/admin/settings/ui.html
@@ -25,7 +25,7 @@
       id="gn-uiconfig-toolbar"
     >
       <div class="row">
-        <div class="col-md-4 gn-nopadding-left">
+        <div class="col-md-6 gn-nopadding-left">
           <label
             for="uiConfigurationList"
             title="{{'uiConfiguration-help' | translate}}"
@@ -40,12 +40,12 @@
           ></select>
         </div>
 
-        <div class="col-md-8 gn-nopadding-left gn-nopadding-right">
+        <div class="col-md-6 gn-nopadding-left gn-nopadding-right">
           <label for="addUiSettings" data-translate="">addUiSettings</label>
 
           <div class="row">
             <!-- add UI config -->
-            <div class="col-lg-6 gn-nopadding-left">
+            <div class="col-md-12 gn-nopadding-left">
               <div class="input-group">
                 <input
                   class="form-control"
@@ -69,8 +69,9 @@
               </div>
             </div>
 
+
             <!-- delete and save-->
-            <div class="col-lg-6 gn-nopadding-left gn-nopadding-right">
+            <div class="col-md-12 gn-nopadding-left gn-nopadding-right">
               <div class="btn-toolbar pull-right">
                 <button
                   type="submit"
@@ -106,7 +107,10 @@
       data-ng-show="uiConfiguration.configuration !== undefined"
     >
       <div class="panel-heading">
-        <h1><span data-translate="" class="gn-margin-right-sm">ui</span> <strong>{{uiConfiguration.id}}</strong></h1>
+        <h1>
+          <span data-translate="" class="gn-margin-right-sm">ui</span>
+          <strong>{{uiConfiguration.id}}</strong>
+        </h1>
 
         <div data-gn-need-help="user-interface-configuration" class="pull-right"></div>
       </div>
diff --git a/web-ui/src/main/resources/catalog/views/default/less/gn_admin_default.less b/web-ui/src/main/resources/catalog/views/default/less/gn_admin_default.less
index 7cb2620c3ea..7117a97d396 100644
--- a/web-ui/src/main/resources/catalog/views/default/less/gn_admin_default.less
+++ b/web-ui/src/main/resources/catalog/views/default/less/gn_admin_default.less
@@ -515,18 +515,19 @@ ul.gn-resultview li.list-group-item {
         margin-bottom: 10px;
         border-color: #ccc;
       }
-      .col-md-4, .col-md-6 {
+      .col-lg-4, .col-md-6 {
         @media (max-width: @screen-sm-max) {
           padding-right: 0 !important;
         }
       }
-      .col-lg-6, #gn-uiconfig-customize {
-        @media (max-width: 1024px) {
+      .col-md-12, #gn-uiconfig-customize {
+        //@media (max-width: 1240px) {
           padding-right: 0 !important;
           margin-bottom: @gn-spacing;
-        }
+        //}
       }
 
+
       // checkbox (Bootstrap 5.2)
       input[type="checkbox"],
       input[type="radio"] {