diff --git a/src/app/lists/examples/withexpandablediv/listexamplewithexpandablediv.component.html b/src/app/lists/examples/withexpandablediv/listexamplewithexpandablediv.component.html index 3fba78f39..4d6747327 100644 --- a/src/app/lists/examples/withexpandablediv/listexamplewithexpandablediv.component.html +++ b/src/app/lists/examples/withexpandablediv/listexamplewithexpandablediv.component.html @@ -31,9 +31,16 @@

Lista med expandable divs

Barn

- Förnamn: {{row.firstName}} -
- Efternamn: {{row.lastName}} + + +

Barn barn

+
+ + Förnamn: +
+ Efternamn: +
+
diff --git a/src/assets/partials/_components.expandableDiv.component.scss b/src/assets/partials/_components.expandableDiv.component.scss index 23f954c88..60372dbe2 100644 --- a/src/assets/partials/_components.expandableDiv.component.scss +++ b/src/assets/partials/_components.expandableDiv.component.scss @@ -3,8 +3,8 @@ display: block; min-height: 20px; .expandable-div-header { - padding-left: $margin--slim; - padding-right: $margin--slim; + // padding-left: $margin--slim; + // padding-right: $margin--slim; &:hover { @extend .background-color--primary-dimmed; cursor: pointer; @@ -20,11 +20,10 @@ @extend .chevron-collapsed; } } - } - .expandable-div-content { - padding-left: $margin--slim; - padding-right: $margin--slim; - } + } // .expandable-div-content { + // padding-left: $margin--slim; + // padding-right: $margin--slim; + // } &.expandable-div--collapsed { .expandable-div-content { display: none; @@ -35,15 +34,14 @@ @media screen and (min-width: $desktop-width--medium) { .expandable-div { .expandable-div-header { - padding-right: $margin--fat; - padding-left: $margin--fat; + // padding-right: $margin--fat; + // padding-left: $margin--fat; .expandable-div-chevron { right: $margin--fat; } - } - .expandable-div-content { - padding-right: $margin--fat; - padding-left: $margin--fat; - } + } // .expandable-div-content { + // padding-right: $margin--fat; + // padding-left: $margin--fat; + // } } }