From 23e027f886da351959cd996205b9ec2a2bb5eb1b Mon Sep 17 00:00:00 2001
From: Sheriffen <john@terminal.se>
Date: Fri, 16 Mar 2018 09:12:23 +0100
Subject: [PATCH] =?UTF-8?q?test=20ifall=20vi=20kan=20l=C3=B6sa=20deras=20p?=
 =?UTF-8?q?roblem=20med=20v=C3=A5r=20release=20(#222)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...istexamplewithexpandablediv.component.html | 13 +++++++---
 .../_components.expandableDiv.component.scss  | 26 +++++++++----------
 2 files changed, 22 insertions(+), 17 deletions(-)

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 @@ <h2>Lista med expandable divs</h2>
                 <h2>Barn</h2>
               </vgr-expandable-div-header>
               <vgr-expandable-div-content>
-                <span>Förnamn: {{row.firstName}}</span>
-                <br>
-                <span>Efternamn: {{row.lastName}}</span>
+                <vgr-expandable-div [expanded]="true">
+                  <vgr-expandable-div-header>
+                    <h2>Barn barn</h2>
+                  </vgr-expandable-div-header>
+                  <vgr-expandable-div-content>
+                    <span>Förnamn:</span>
+                    <br>
+                    <span>Efternamn: </span>
+                  </vgr-expandable-div-content>
+                </vgr-expandable-div>
               </vgr-expandable-div-content>
             </vgr-expandable-div>
           </vgr-list-item-content>
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;
+    // }
   }
 }