From df3f7e9a6e82a29b54e0a0a18dec7f6a2b689fab Mon Sep 17 00:00:00 2001
From: Sam Atkins <atkinssj@gmail.com>
Date: Thu, 9 May 2024 12:37:22 +0100
Subject: [PATCH] Allow Button component to not have button-block class

This needs a better solution for configuring the button's CSS classes,
but this works for now.
---
 src/UI/Components/Button.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/UI/Components/Button.js b/src/UI/Components/Button.js
index 494902447..9950f51ee 100644
--- a/src/UI/Components/Button.js
+++ b/src/UI/Components/Button.js
@@ -39,8 +39,9 @@ export default class Button extends Component {
             `);
             return;
         }
+        // TODO: Replace hack for 'small' with a better way to configure button classes.
         $(template).html(/*html*/`
-            <button type="submit" class="button button-block button-${this.get('style')}" style="margin-top:10px;" disabled>${
+            <button type="submit" class="button ${this.get('style') !== 'small' ? 'button-block' : ''} button-${this.get('style')}" style="margin-top:10px;" disabled>${
                 html_encode(this.get('label'))
             }</button>
         `);