fix: account page spacing (denoland#600)

iuioiua · web-flow · commit 4dadb5bbb123 · 2023-09-22T11:58:29.000+10:00
Before: ![hunt deno land_account](https://github.com/denoland/saaskit/assets/29347852/595dd087-d05d-453d-b676-ca8febaee4b0) After: ![localhost_8000_account](https://github.com/denoland/saaskit/assets/29347852/12e749a4-bc58-4eaf-a139-f66b4c34dede)
diff --git a/routes/account/index.tsx b/routes/account/index.tsx
@@ -13,22 +13,22 @@ export default defineRoute<SignedInState>((_req, ctx) => {
   return (
     <>
       <Head title="Account" href={ctx.url.href} />
-      <main class="max-w-lg m-auto w-full flex-1 p-4 flex flex-col justify-center">
+      <main class="max-w-lg m-auto w-full flex-1 p-4 flex flex-col justify-center gap-8">
         <GitHubAvatarImg
           login={sessionUser.login}
           size={240}
-          class="m-auto"
+          class="mx-auto"
         />
-        <ul>
-          <li class="py-4">
+        <ul class="space-y-4">
+          <li>
             <p>
               <strong>Username</strong>
             </p>
             <p>
               {sessionUser.login}
             </p>
           </li>
-          <li class="py-4">
+          <li>
             <p class="flex flex-wrap justify-between">
               <span>
                 <strong>Subscription</strong>
@@ -51,7 +51,7 @@ export default defineRoute<SignedInState>((_req, ctx) => {
         </ul>
         <a
           href="/signout?success_url=/"
-          class={`${BUTTON_STYLES} block text-center mt-8`}
+          class={`${BUTTON_STYLES} block text-center`}
         >
           Sign out
         </a>
