From e71c392befff2833108ffe0e1b4fc06b310b8171 Mon Sep 17 00:00:00 2001
From: James Panther <4462786+jpanther@users.noreply.github.com>
Date: Tue, 8 Nov 2022 09:28:19 +1100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20button=20shortcode=20overl?=
 =?UTF-8?q?apping=20TOC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #337
---
 CHANGELOG.md                   | 3 ++-
 assets/css/compiled/main.css   | 8 ++++----
 layouts/shortcodes/button.html | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8dcd16ac..22bbc75a 100644
--- a/CHANGELOG.md
+++ b/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
 
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 9d22ceff..88fb66e5 100644
--- a/assets/css/compiled/main.css
+++ b/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;
 }
diff --git a/layouts/shortcodes/button.html b/layouts/shortcodes/button.html
index 2789a6ba..3dd80a7d 100644
--- a/layouts/shortcodes/button.html
+++ b/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 }}