fix: adjust spec table spacing (#465)

WICG · Jul 31, 2024 · c2ad548 · c2ad548
1 parent 605fb38
commit c2ad548
Showing 1 changed file with 7 additions and 9 deletions.
diff --git 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>