From 9ab066a863cd07c064c2bf9aa8f44ccbbe8b0152 Mon Sep 17 00:00:00 2001
From: Issy Szemeti <48881813+issy@users.noreply.github.com>
Date: Sun, 18 Sep 2022 17:43:05 +0100
Subject: [PATCH] website: Fix padding in feature comparison table (#3611)

* Fix table block styling

* Add correct command to run development server

* Update website/src/css/custom.css

closes #3315

Co-authored-by: Jens L. <jens@beryju.org>
Signed-off-by: Issy Szemeti <48881813+issy@users.noreply.github.com>

Signed-off-by: Issy Szemeti <48881813+issy@users.noreply.github.com>
Co-authored-by: Jens L. <jens@beryju.org>
---
 website/README.md          | 2 +-
 website/src/css/custom.css | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/website/README.md b/website/README.md
index 8960fa2af..cfb5e2569 100644
--- a/website/README.md
+++ b/website/README.md
@@ -11,7 +11,7 @@ yarn install
 ## Local Development
 
 ```console
-yarn start
+yarn watch
 ```
 
 This command starts a local development server and open up a browser window. Most changes are reflected live without having to restart the server.
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index f9c8e43f7..3fd508cac 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -81,25 +81,27 @@ table.comparison tr th.authentik {
 }
 
 table.comparison thead.group tr {
+    border-top: 1px;
     border-bottom: 1px;
     border-bottom-color: var(--ifm-table-head-color);
+    border-top-style: solid;
     border-bottom-style: solid;
 }
 
 table.comparison thead.group th:first-child {
+    padding: 10px;
     text-align: left;
     font-weight: 800;
 }
 
 table.comparison tr td {
-    border-left: 10px solid transparent;
+    padding-left: 10px;
     min-width: 90px;
     text-align: center;
 }
 
 table.comparison tr td:first-child {
     font-weight: bold;
-    padding-left: 0;
     text-align: left;
     white-space: nowrap;
     width: 25%;