From 9db3518e7675fce35a6004fcc8e00093ecb6ced5 Mon Sep 17 00:00:00 2001
From: Jamil <jamilbk@users.noreply.github.com>
Date: Thu, 6 Jun 2024 04:49:22 -0700
Subject: [PATCH] fix(ux): Remove some padding around vertical_table (#5260)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Before

<img width="616" alt="Screenshot 2024-06-05 at 2 08 20 PM"
src="https://github.com/firezone/firezone/assets/167144/90935c5e-3e19-499c-afdc-764280b8a306">


# After
<img width="522" alt="Screenshot 2024-06-05 at 2 11 58 PM"
src="https://github.com/firezone/firezone/assets/167144/8e22b64f-6169-4e98-9408-d796f690f3c8">

Fixes #5228

---------

Signed-off-by: Jamil <jamilbk@users.noreply.github.com>
---
 elixir/apps/web/lib/web/components/table_components.ex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/elixir/apps/web/lib/web/components/table_components.ex b/elixir/apps/web/lib/web/components/table_components.ex
index a8343aade..f566b2de9 100644
--- a/elixir/apps/web/lib/web/components/table_components.ex
+++ b/elixir/apps/web/lib/web/components/table_components.ex
@@ -324,14 +324,14 @@ defmodule Web.TableComponents do
       <th
         scope="row"
         class={[
-          "text-right px-6 py-4 font-medium text-neutral-900 whitespace-nowrap",
+          "text-right px-4 py-3 font-medium text-neutral-900 whitespace-nowrap",
           "bg-neutral-50 w-1/5",
           @label_class
         ]}
       >
         <%= render_slot(@label) %>
       </th>
-      <td class={["px-6 py-4", @value_class]}>
+      <td class={["px-4 py-3", @value_class]}>
         <%= render_slot(@value) %>
       </td>
     </tr>