Update the table's padding for Publisher and Servers LiveViews.

lib/decentralised_book_index_web/live/dbi_server_live/index.ex

@@ -13,32 +13,34 @@ defmodule DecentralisedBookIndexWeb.DbiServerLive.Index do
       </:actions>
     </.header>
 
-    <.table
-      id="dbi_servers"
-      rows={@streams.dbi_servers}
-      row_click={fn {_id, dbi_server} -> JS.navigate(~p"/servers/#{dbi_server}") end}
-    >
-      <:col :let={{_id, dbi_server}} label="Name">{dbi_server.name}</:col>
-
-      <:col :let={{_id, dbi_server}} label="Url">{dbi_server.url}</:col>
-
-      <:action :let={{_id, dbi_server}}>
-        <div class="sr-only">
-          <.link navigate={~p"/servers/#{dbi_server}"}>Show</.link>
-        </div>
-
-        <.link patch={~p"/servers/#{dbi_server}/edit"}>Edit</.link>
-      </:action>
-
-      <:action :let={{id, dbi_server}}>
-        <.link
-          phx-click={JS.push("delete", value: %{id: dbi_server.id}) |> hide("##{id}")}
-          data-confirm="Are you sure?"
-        >
-          Delete
-        </.link>
-      </:action>
-    </.table>
+    <div class="pt-2">
+      <.table
+        id="dbi_servers"
+        rows={@streams.dbi_servers}
+        row_click={fn {_id, dbi_server} -> JS.navigate(~p"/servers/#{dbi_server}") end}
+      >
+        <:col :let={{_id, dbi_server}} label="Name">{dbi_server.name}</:col>
+
+        <:col :let={{_id, dbi_server}} label="Url">{dbi_server.url}</:col>
+
+        <:action :let={{_id, dbi_server}}>
+          <div class="sr-only">
+            <.link navigate={~p"/servers/#{dbi_server}"}>Show</.link>
+          </div>
+
+          <.link patch={~p"/servers/#{dbi_server}/edit"}>Edit</.link>
+        </:action>
+
+        <:action :let={{id, dbi_server}}>
+          <.link
+            phx-click={JS.push("delete", value: %{id: dbi_server.id}) |> hide("##{id}")}
+            data-confirm="Are you sure?"
+          >
+            Delete
+          </.link>
+        </:action>
+      </.table>
+    </div>
 
     <.modal
       :if={@live_action in [:new, :edit]}

lib/decentralised_book_index_web/live/publisher_live/index.ex

@@ -13,32 +13,23 @@ defmodule DecentralisedBookIndexWeb.PublisherLive.Index do
       </:actions>
     </.header>
 
-    <.table
-      id="publishers"
-      rows={@streams.publishers}
-      row_click={fn {_id, publisher} -> JS.navigate(~p"/publishers/#{publisher}") end}
-    >
-      <:col :let={{_id, publisher}} label="Id">{publisher.id}</:col>
-
-      <:col :let={{_id, publisher}} label="Name">{publisher.name}</:col>
-
-      <:action :let={{_id, publisher}}>
-        <div class="sr-only">
-          <.link navigate={~p"/publishers/#{publisher}"}>Show</.link>
-        </div>
-
-        <.link patch={~p"/publishers/#{publisher}/edit"}>Edit</.link>
-      </:action>
-
-      <:action :let={{id, publisher}}>
-        <.link
-          phx-click={JS.push("delete", value: %{id: publisher.id}) |> hide("##{id}")}
-          data-confirm="Are you sure?"
-        >
-          Delete
-        </.link>
-      </:action>
-    </.table>
+    <div class="pt-2">
+      <.table
+        id="publishers"
+        rows={@streams.publishers}
+        row_click={fn {_id, publisher} -> JS.navigate(~p"/publishers/#{publisher}") end}
+      >
+        <:col :let={{_id, publisher}} label="Name">{publisher.name}</:col>
+
+        <:action :let={{_id, publisher}}>
+          <div class="sr-only">
+            <.link navigate={~p"/publishers/#{publisher}"}>Show</.link>
+          </div>
+
+          <.link patch={~p"/publishers/#{publisher}/edit"}>Edit</.link>
+        </:action>
+      </.table>
+    </div>
 
     <.modal
       :if={@live_action in [:new, :edit]}