From d8ca8ea4a226ef7c2d849c4f61ff93bbb16317cb Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Sat, 4 Jan 2025 01:03:27 +0100
Subject: [PATCH] style: style the table of accounts

---
 src/pages/tech-bsky-fedi.astro | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/pages/tech-bsky-fedi.astro b/src/pages/tech-bsky-fedi.astro
index ba7bdfb..4ef6924 100644
--- a/src/pages/tech-bsky-fedi.astro
+++ b/src/pages/tech-bsky-fedi.astro
@@ -136,13 +136,14 @@ const description =
       to your fedi account provider.
     </p>
 
+    <p>If you're on Mastodon, this functionality is found in:</p>
     <p>
-      If you're on Mastodon, this functionality is found in:<br /><small
-        >Preferences -&gt; Import and export -&gt; Import</small
-      >
+      <strong>Preferences</strong> &rarr; <strong>Import and export</strong> &rarr;
+      <strong>Import</strong>
     </p>
 
     <h2>Full <code>.csv</code> content</h2>
+    <br />
 
     <Code code={importedCode} />
 
@@ -156,16 +157,15 @@ const description =
     width: 50px;
     height: 50px;
   }
-  td span {
-    font-size: small;
-  }
 
   .table-container {
     overflow-x: auto;
   }
+
   table th,
   table td {
-    padding: 0.5em;
-    border: 1px solid gray;
+    padding: 1rem;
+    border-radius: 5px;
+    background: rgba(0, 0, 0, 0.1);
   }
 </style>