From c2ad548b9e177afeaf00b956ba6e6cee9b8c0c14 Mon Sep 17 00:00:00 2001
From: Chen Hui Jing <1461498+huijing@users.noreply.github.com>
Date: Wed, 31 Jul 2024 09:54:35 +0800
Subject: [PATCH] fix: adjust spec table spacing (#465)

---
 src/components/docs/Specification.astro | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/docs/Specification.astro b/src/components/docs/Specification.astro
index a63b7ede..ed2b0487 100644
--- a/src/components/docs/Specification.astro
+++ b/src/components/docs/Specification.astro
@@ -2,7 +2,7 @@
 const { anchor } = Astro.props;
 ---
 <div>
-  <table>
+  <table class="specification">
     <thead>
       <tr>
         <th>Specification</th>
@@ -26,24 +26,22 @@ const { anchor } = Astro.props;
 </div>
 
 <style>
-table {
+.specification {
   border-collapse: collapse;
   margin-block-start: var(--space-m);
 }
 
-tr:nth-child(even) td {
-  background-color: var(--sl-color-gray-7);
+.specification.specification th,
+.specification.specification td {
+  padding-inline: var(--space-xs);
 }
 
-th,
-td {
-  vertical-align: middle;
+tr:nth-child(even) td {
+  background-color: var(--sl-color-gray-7);
 }
 
 th {
   background-color: var(--sl-color-gray-7);
-  font-weight: bold;
   line-height: 1.5;
-  text-align: left;
 }
 </style>