refactor: use tailwind classes in place of spaces

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>
           }

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.

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>