Merge pull request #778 from mulesoft/W-15177355-fix-padding-for-collapsible-block-in-notes

[W-15177355] Fix: Padding issue when collapsible blocks embedded in admonitions

Author: jdomingu

preview-site-src/elements/miscellaneous.adoc

@@ -104,3 +104,15 @@ Log in to Anypoint Platform on your US or EU cloud host.
 * EU cloud (EU host): https://eu1.anypoint.mulesoft.com/login/[Anypoint Platform (EU)^]
 ====
 Some ending text
+
+=== Collapsible Block in an Admonition Block
+
+[NOTE]
+--
+When collapsible blocks are embedded in admonition blocks, the content should align to the inner block.
+
+.Collapsible Block Alignment Edge Case
+[%collapsible]
+====
+Previously, this content did not have any left padding.
+====

src/css/adoc/collapsible-blocks.css

@@ -13,7 +13,7 @@ details[open] > summary::after {
   transform: rotate(180deg);
 }
 
-details > .content {
+details > .content, .admonitionblock details > .content {
   padding: 12px 32px;
 }