🐛 Fix button shortcode overlapping TOC

Fixes #337

CHANGELOG.md

@@ -28,7 +28,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Appearance switcher title doesn't update when switching appearance ([#235](https://github.com/jpanther/congo/issues/235))
 - Article updated date logic doesn't consider formatted date values ([#259](https://github.com/jpanther/congo/issues/259))
 - Order of articles on list pages would not follow Hugo conventions when grouped by year ([#313](https://github.com/jpanther/congo/issues/313))
-- Providing a `colorScheme` value containing uppercase characters would break some deployments ([#347](https://github.com/jpanther/congo/issues/347))
+- Button shortcode overlaps table of contents when at the top of the article content ([#337](https://github.com/jpanther/congo/issues/337))
+- Providing a `colorScheme` value containing uppercase characters breaks some deployments ([#347](https://github.com/jpanther/congo/issues/347))
 
 ## [2.3.1] - 2022-07-30
 

assets/css/compiled/main.css

@@ -2144,14 +2144,14 @@ body:has(#menu-controller:checked) {
   max-width: 65ch;
 }
 
-.max-w-3xl {
-  max-width: 48rem;
-}
-
 .max-w-\[10rem\] {
   max-width: 10rem;
 }
 
+.max-w-3xl {
+  max-width: 48rem;
+}
+
 .flex-none {
   flex: none;
 }

layouts/shortcodes/button.html

@@ -1,5 +1,5 @@
 <a
-  class="!rounded-md bg-primary-600 px-4 py-2 !text-neutral !no-underline hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+  class="inline-block !rounded-md bg-primary-600 px-4 py-1 !text-neutral !no-underline hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
   {{ with .Get "href" }}href="{{ . }}"{{ end }}
   {{ with .Get "target" }}target="{{ . }}"{{ end }}
   {{ with .Get "download" }}download="{{ . }}"{{ end }}