Add table class for rows with dividers

app/assets/stylesheets/components/tables.css

@@ -20,7 +20,17 @@
     @apply pr-2;
   }
 
-  table td {
+  table td, tbody th {
     @apply py-2;
   }
+
+  table.divided {
+    @apply divide-y divide-gray-300;
+  }
+  table.divided tbody {
+    @apply divide-y divide-gray-200;
+  }
+  table.divided td, table.divided tbody th {
+    @apply py-3;
+  }
 }

app/views/admin/donations/index.html.erb

@@ -21,7 +21,7 @@
   <section>
   <% if @donations.any? %>
     <h3>Recent Donations</h3>
-    <table>
+    <table class="divided">
       <thead>
         <tr>
           <th>User</th>

app/views/admin/invitations/index.html.erb

@@ -24,7 +24,7 @@
   <% if @invitations_used.any? %>
     <section>
       <h3>Recently Accepted</h3>
-      <table>
+      <table class="divided">
         <thead>
           <tr>
             <th>Token</th>

app/views/admin/lightning/index.html.erb

@@ -20,7 +20,7 @@
 
   <section>
     <h3>Accounts</h3>
-    <table>
+    <table class="divided">
       <thead>
         <tr>
           <th>LN Account</th>

app/views/admin/users/index.html.erb

@@ -30,7 +30,7 @@
   <% end %>
 
   <section>
-    <table>
+    <table class="divided">
       <thead>
         <tr>
           <th>UID</th>

app/views/admin/users/show.html.erb

@@ -3,7 +3,7 @@
 <%= render MainSimpleComponent.new do %>
   <section>
     <h3>Account</h3>
-    <table class="w-1/2">
+    <table class="w-1/2 divided">
       <tbody>
         <tr>
           <th>Created at</th>