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;
+ // }
}
}