Set padding inputs to 3x3 grid.

omeka · Feb 15, 2024 · 84eedf4 · 84eedf4
1 parent 629309a
commit 84eedf4
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 5 deletions.
diff --git a/application/asset/css/style.css b/application/asset/css/style.css
diff --git a/application/asset/sass/_screen.scss b/application/asset/sass/_screen.scss
@@ -4827,17 +4827,37 @@ body.sidebar-open #content {
 
     [name="block-layout-fieldset-padding"].block-layout-fieldset .collapse + .collapsible {
         display: grid;
-        grid-template-columns: 1fr 50%;
         grid-column-gap: $spacing-large;
         grid-row-gap: $spacing-medium;
+        grid-auto-columns: 1fr;
+        grid-auto-rows: 1fr;
 
         .field {
             margin-bottom: 0;
+            display: block;
         }
 
-        .field-meta,
-        .inputs {
-            width: 50%;
+        .field:first-child {
+            grid-column: 2 / 3;
+        }
+
+        .field:nth-child(2) {
+            grid-column: 3 / 3;
+            grid-row: 2 / 3;
+        }
+
+        .field:nth-child(3) {
+            grid-column: 2 / 3;
+            grid-row: 3 / 3;
+        }
+
+        .field:last-child {
+            grid-row: 2 / 3;
+        }
+
+        .field-meta {
+            padding: 0 0 $spacing-small;
+            width: auto;
         }
     }
 
@@ -4846,6 +4866,7 @@ body.sidebar-open #content {
         justify-content: space-between;
         padding: 0;
         align-items: center;
+        height: 100%;
 
         &:after {
             content: none;