From dc7460f2092b0ecd90595f1fd7218f433b1c6567 Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Tue, 11 Jan 2022 10:29:54 -0600
Subject: [PATCH] Fix tweet button wrapping sometimes

---
 web/components/tweet-button.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/components/tweet-button.tsx b/web/components/tweet-button.tsx
index 60a9f732..121c46fe 100644
--- a/web/components/tweet-button.tsx
+++ b/web/components/tweet-button.tsx
@@ -5,8 +5,11 @@ export function TweetButton(props: { className?: string; tweetText?: string }) {
 
   return (
     <a
-      className={clsx('btn btn-xs normal-case border-none', className)}
-      style={{ backgroundColor: '#1da1f2', width: 75 }}
+      className={clsx(
+        'btn btn-xs normal-case border-none flex flex-row flex-nowrap',
+        className
+      )}
+      style={{ backgroundColor: '#1da1f2' }}
       href={`https://twitter.com/intent/tweet?text=${encodeURIComponent(
         tweetText ?? ''
       )}`}
@@ -18,7 +21,7 @@ export function TweetButton(props: { className?: string; tweetText?: string }) {
         width={15}
         height={15}
       />
-      Tweet
+      <div>Tweet</div>
     </a>
   )
 }