Fix CSS issue

delphidabbler · delphidabbler · commit ecf0d08c5c54 · 2023-06-24T10:24:53.000+01:00
Placing an &lt;aside&gt; surrounding a &lt;p&gt; broke formatting at the end of a
.panel-body &lt;div&gt;.

Fix was more general and works with any container element, not just &lt;aside&gt;.
diff --git a/_sass/_dd-custom-styles.scss b/_sass/_dd-custom-styles.scss
@@ -519,6 +519,10 @@ a[href^="http"] {
   .panel-body {
     > *:last-child {
       margin-bottom: 0;
+      > *:last-child {
+        // ensures that if last child is a container, it's last child has no bottom margin
+        margin-bottom: 0;
+      }
     }
   }
   h2 {

Original file line number	Diff line number	Diff line change
`@@ -519,6 +519,10 @@ a[href^="http"] {`
`519`	`519`	`.panel-body {`
`520`	`520`	`> *:last-child {`
`521`	`521`	`margin-bottom: 0;`
	`522`	`+ > *:last-child {`
	`523`	`+ // ensures that if last child is a container, it's last child has no bottom margin`
	`524`	`+ margin-bottom: 0;`
	`525`	`+ }`
`522`	`526`	`}`
`523`	`527`	`}`
`524`	`528`	`h2 {`