From 8a960e79c0e6356b148a74ec49f96d76f2081245 Mon Sep 17 00:00:00 2001
From: Brewhouse Digital <66521220+brewhousedigital@users.noreply.github.com>
Date: Tue, 26 Dec 2023 10:44:19 -0600
Subject: [PATCH] Added table names on desktop to Pricing Table (#353)

---
 frontends/dashboard/src/components/Navbar.svelte   |  4 +---
 .../tables/pricing-table/PricingTable.svelte       | 14 ++++++--------
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/frontends/dashboard/src/components/Navbar.svelte b/frontends/dashboard/src/components/Navbar.svelte
index b2332e72..e3a8b2c1 100644
--- a/frontends/dashboard/src/components/Navbar.svelte
+++ b/frontends/dashboard/src/components/Navbar.svelte
@@ -59,9 +59,7 @@
   </MediaQuery>
 
   <div class="flex flex-col gap-2 mb-auto h-full">
-    <div class="mt-16">
-      <SubscriptionStatus {handleClick} />
-    </div>
+    <SubscriptionStatus {handleClick} />
 
     <a on:click={handleClick} href="/" class={linkClasses}>
       <i
diff --git a/frontends/dashboard/src/components/tables/pricing-table/PricingTable.svelte b/frontends/dashboard/src/components/tables/pricing-table/PricingTable.svelte
index 783f858a..63a5f714 100644
--- a/frontends/dashboard/src/components/tables/pricing-table/PricingTable.svelte
+++ b/frontends/dashboard/src/components/tables/pricing-table/PricingTable.svelte
@@ -51,16 +51,14 @@
                       <th scope="col">
                         <span class="sr-only">Feature</span>
                       </th>
-                      <th scope="col">
-                        <span class="sr-only">Starter tier</span>
+                      <th scope="col" class="text-center">
+                        {PLAN_NAMES[SubscriptionType.Free]}
                       </th>
-                      <th scope="col">
-                        <span class="sr-only">Scale tier</span>
+                      <th scope="col" class="text-center">
+                        {PLAN_NAMES[SubscriptionType.Premium]}
                       </th>
-                      <th scope="col">
-                        <span class="sr-only"
-                          >{PLAN_NAMES[SubscriptionType.Lifetime]} tier</span
-                        >
+                      <th scope="col" class="text-center">
+                        {PLAN_NAMES[SubscriptionType.Lifetime]}
                       </th>
                     </tr>
                   </thead>