Fix for a few cases where the layout was still wrong and too small. E…

…very width now displays the buttons below the 2 inputs
geonetwork · Sep 17, 2024 · 03c5075 · 03c5075
1 parent c6ff0b9
commit 03c5075
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 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
@@ -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
@@ -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"] {