From 5e12b3c64ae0c6895ad7f2ae0fb92bea1befdc7f Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Sun, 2 Jun 2024 15:13:55 -0500
Subject: [PATCH] refactor: use tailwind classes in place of spaces

---
 src/routes/LoginWithOAuthApp.tsx                 |  4 ++--
 src/routes/LoginWithPersonalAccessToken.tsx      |  4 ++--
 src/routes/Settings.tsx                          |  6 +++---
 .../LoginWithOAuthApp.test.tsx.snap              | 16 ++++++++++------
 .../LoginWithPersonalAccessToken.test.tsx.snap   | 14 ++++++++++----
 5 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/routes/LoginWithOAuthApp.tsx b/src/routes/LoginWithOAuthApp.tsx
index f95ff345f..1b10158a7 100644
--- a/src/routes/LoginWithOAuthApp.tsx
+++ b/src/routes/LoginWithOAuthApp.tsx
@@ -88,8 +88,8 @@ export const LoginWithOAuthApp: FC = () => {
                 icon={PersonIcon}
                 size={12}
                 url={getNewOAuthAppURL(values.hostname)}
-              />{' '}
-              on GitHub then paste your{' '}
+              />
+              <span className="mx-1">on GitHub then paste your</span>
               <span className="italic">client id and client secret</span> below.
             </div>
           }
diff --git a/src/routes/LoginWithPersonalAccessToken.tsx b/src/routes/LoginWithPersonalAccessToken.tsx
index 21fdc6961..26b79cea6 100644
--- a/src/routes/LoginWithPersonalAccessToken.tsx
+++ b/src/routes/LoginWithPersonalAccessToken.tsx
@@ -81,8 +81,8 @@ export const LoginWithPersonalAccessToken: FC = () => {
                   icon={KeyIcon}
                   size={12}
                   url={getNewTokenURL(values.hostname)}
-                />{' '}
-                on GitHub and paste above.
+                />
+                <span className="mx-1">on GitHub and paste above.</span>
               </div>
               <div className="italic mt-1">
                 The required scopes will be selected for you.
diff --git a/src/routes/Settings.tsx b/src/routes/Settings.tsx
index 3bdbb8f75..25bfdb35d 100644
--- a/src/routes/Settings.tsx
+++ b/src/routes/Settings.tsx
@@ -174,15 +174,15 @@ export const SettingsRoute: FC = () => {
             tooltip={
               <div>
                 <div className="pb-3">
-                  See{' '}
+                  See
                   <button
                     type="button"
-                    className="text-blue-500"
+                    className="text-blue-500 mx-1"
                     title="Open GitHub documentation for participating and watching notifications"
                     onClick={openGitHubParticipatingDocs}
                   >
                     official docs
-                  </button>{' '}
+                  </button>
                   for more details.
                 </div>
               </div>
diff --git a/src/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap b/src/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap
index 0b21d7712..e19339827 100644
--- a/src/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap
+++ b/src/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap
@@ -102,9 +102,11 @@ exports[`routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                     </svg>
                     Create new OAuth App
                   </button>
-                   
-                  on GitHub then paste your
-                   
+                  <span
+                    class="mx-1"
+                  >
+                    on GitHub then paste your
+                  </span>
                   <span
                     class="italic"
                   >
@@ -302,9 +304,11 @@ exports[`routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                   </svg>
                   Create new OAuth App
                 </button>
-                 
-                on GitHub then paste your
-                 
+                <span
+                  class="mx-1"
+                >
+                  on GitHub then paste your
+                </span>
                 <span
                   class="italic"
                 >
diff --git a/src/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap b/src/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap
index 63cafcd99..c64aeb84a 100644
--- a/src/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap
+++ b/src/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap
@@ -127,8 +127,11 @@ exports[`routes/LoginWithPersonalAccessToken.tsx renders correctly 1`] = `
                       </svg>
                       Generate a PAT
                     </button>
-                     
-                    on GitHub and paste above.
+                    <span
+                      class="mx-1"
+                    >
+                      on GitHub and paste above.
+                    </span>
                   </div>
                   <div
                     class="italic mt-1"
@@ -315,8 +318,11 @@ exports[`routes/LoginWithPersonalAccessToken.tsx renders correctly 1`] = `
                     </svg>
                     Generate a PAT
                   </button>
-                   
-                  on GitHub and paste above.
+                  <span
+                    class="mx-1"
+                  >
+                    on GitHub and paste above.
+                  </span>
                 </div>
                 <div
                   class="italic mt-1"