fix(Collapsible) updated styling: updated header styling; implemented flex grow on header; implemented correct inner padding on body content wrapper materializecss#448

Author: gselderslaghs

sass/components/_collapsible.scss

@@ -34,17 +34,22 @@
   content: '▾';
   text-align: right;
   margin-right: 0.25rem;
-  width: 100%;
+  width: auto;
+  align-self: end;
 }
+
 .active .collapsible-header::after {
   content: "▴";
 }
 
-
 .keyboard-focused .collapsible-header:focus {
   background-color: rgba(0, 0, 0, 0.12);
 }
 
+.collapsible-header-content {
+  flex-grow: 1;
+}
+
 .collapsible-body {
   max-height: 0;
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
@@ -53,6 +58,10 @@
   overflow: hidden;
 }
 
+.collapsible-body-content {
+  padding: 2rem 0;
+}
+
 // Popout Collapsible
 
 .collapsible.popout {