Merge branch 'main' into feature/165/analysis-hero

ONSdigital · Dec 9, 2024 · 4d43469 · 4d43469
2 parents a5ba67b + 2f6bcf0
commit 4d43469
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 22 deletions.
diff --git a/...onents_description-list_example-inline-description-list_0_document_1_tablet.png b/...onents_description-list_example-inline-description-list_0_document_1_tablet.png
diff --git a/src/components/description-list/_description-list.scss b/src/components/description-list/_description-list.scss
@@ -7,18 +7,11 @@
         clear: both;
         float: left;
         font-weight: $font-weight-bold;
-        white-space: nowrap;
     }
 
     &__value {
         float: right;
         margin-left: 0; /* As normalize adds a 40px left margin */
-
-        & + & {
-            @include mq(xs) {
-                margin-top: 0;
-            }
-        }
     }
 
     &__item {
@@ -32,17 +25,16 @@
                     margin-top: 0.5rem;
                 }
             }
-            .ons-description-list--inline & .ons-description-list__value:nth-of-type(1) {
-                @include mq(l) {
-                    margin-top: 0;
-                }
-                @include mq(xs, l) {
-                    margin-top: 0.5rem;
-                }
-            }
-            .ons-description-list--inline & .ons-description-list__term {
-                @include mq(l) {
-                    margin-top: 0;
+
+            .ons-description-list--inline & {
+                .ons-description-list__value:nth-of-type(1),
+                .ons-description-list__term {
+                    @include mq(l) {
+                        margin-top: 0;
+                    }
+                    @include mq(xs, l) {
+                        margin-top: 0.5rem;
+                    }
                 }
             }
         }
@@ -52,6 +44,7 @@
         .ons-description-list__term {
             padding-right: 1rem;
         }
+
         @include mq(l) {
             display: grid;
             grid-template-columns: repeat(3, 1fr);

diff --git a/src/components/description-list/example-inline-description-list.njk b/src/components/description-list/example-inline-description-list.njk
@@ -4,8 +4,8 @@
         "classes": "ons-u-mb-no",
         "descriptionListLabel": "Information about this business and its survey requirements",
         "variant": 'inline',
-        "termCol": "3",
-        "descriptionCol": "9",
+        "termCol": "4",
+        "descriptionCol": "8",
         "itemsList": [
             {
                 "term": "Survey:",