diff --git a/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache b/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache index 6bbd69e05c2cb4b52016535e81fc051996434367..95dec60054a32e62702c15d9385e1899f859234d 100644 --- a/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache +++ b/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache @@ -1,12 +1,27 @@ <div class="inline-flex flex-col sm:flex-row space-y-8 sm:space-y-0 sm:space-x-8"> - <div class="inline-flex flex-col space-y-2"> - {{> atoms-basic-button(classes: "text-sm" )}} - {{> atoms-basic-button(classes: "text-base" )}} - {{> atoms-basic-button(classes: "text-lg" )}} + <div class="space-y-2"> + <div> + {{> atoms-basic-button(classes: "text-sm" )}} + </div> + <div> + {{> atoms-basic-button(classes: "text-base" )}} + </div> + <div> + {{> atoms-basic-button(classes: "text-lg" )}} + </div> + <div> + {{> atoms-basic-button(classes: "text-lg", bodyClasses: "py-4 leading-5" )}} + </div> </div> - <div class="inline-flex flex-col space-y-2"> - {{> atoms-basic-button(classes: "text-sm btn--condensed" )}} - {{> atoms-basic-button(classes: "text-base btn--condensed" )}} - {{> atoms-basic-button(classes: "text-lg btn--condensed" )}} + <div class="space-y-2"> + <div> + {{> atoms-basic-button(classes: "text-sm btn--condensed" )}} + </div> + <div> + {{> atoms-basic-button(classes: "text-base btn--condensed" )}} + </div> + <div> + {{> atoms-basic-button(classes: "text-lg btn--condensed" )}} + </div> </div> </div>