From 1381995bac130d7e07988abac76d25752e6c0ec1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Weber?= <mail@soeren-weber.de>
Date: Wed, 28 Jun 2023 22:13:16 +0200
Subject: [PATCH] button: fix visuals #577

---
 exampleSite/content/shortcodes/button.en.md | 16 ++++++++++++++++
 static/css/theme.css                        |  4 ++++
 2 files changed, 20 insertions(+)

diff --git a/exampleSite/content/shortcodes/button.en.md b/exampleSite/content/shortcodes/button.en.md
index 5a3c8f2f8f..f07c4b8e9c 100644
--- a/exampleSite/content/shortcodes/button.en.md
+++ b/exampleSite/content/shortcodes/button.en.md
@@ -115,6 +115,22 @@ Once the button is clicked, it opens another browser tab for the given URL.
 
 ### Icon
 
+#### Empty
+
+````go
+{{%/* button href="https://gohugo.io/" icon=" " %}}{{% /button */%}}
+````
+
+{{% button href="https://gohugo.io/" icon=" " %}}{{% /button %}}
+
+#### Only
+
+````go
+{{%/* button href="https://gohugo.io/" icon="download" %}}{{% /button */%}}
+````
+
+{{% button href="https://gohugo.io/" icon="download" %}}{{% /button %}}
+
 #### To the Left
 
 ````go
diff --git a/static/css/theme.css b/static/css/theme.css
index f15905e675..4e89228bf9 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1365,6 +1365,10 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
     user-select: none;
 }
 
+.btn > a {
+    display: block;
+}
+
 .btn > :where(button) {
     -webkit-appearance: none;
     appearance: none;