update table styling

shared/static/styleguide2/pirati-ui.svg

@@ -127,4 +127,4 @@
 <glyph unicode="&#xe976;" glyph-name="price-tags" horiz-adv-x="1280" d="M1232 960h-384c-26.4 0-63.274-15.274-81.942-33.942l-476.116-476.116c-18.668-18.668-18.668-49.214 0-67.882l412.118-412.118c18.668-18.668 49.214-18.668 67.882 0l476.118 476.118c18.666 18.666 33.94 55.54 33.94 81.94v384c0 26.4-21.6 48-48 48zM992 576c-53.020 0-96 42.98-96 96s42.98 96 96 96 96-42.98 96-96-42.98-96-96-96zM128 416l544 544h-80c-26.4 0-63.274-15.274-81.942-33.942l-476.116-476.116c-18.668-18.668-18.668-49.214 0-67.882l412.118-412.118c18.668-18.668 49.214-18.668 67.882 0l30.058 30.058-416 416z" />
 <glyph unicode="&#xe977;" glyph-name="twitter" horiz-adv-x="1001" d="M596.009 526.629l372.819 433.371h-88.346l-323.718-376.29-258.553 376.29h-298.21l390.983-569.018-390.983-454.457h88.351l341.855 397.375 273.051-397.375h298.21l-405.458 590.103zM475 385.969l-354.815 507.521h135.702l624.636-893.48h-135.702l-269.821 385.959z" />
 <glyph unicode="&#xe99b;" glyph-name="stats-dots" d="M128 64h896v-128h-1024v1024h128zM288 128c-53.020 0-96 42.98-96 96s42.98 96 96 96c2.828 0 5.622-0.148 8.388-0.386l103.192 171.986c-9.84 15.070-15.58 33.062-15.58 52.402 0 53.020 42.98 96 96 96s96-42.98 96-96c0-19.342-5.74-37.332-15.58-52.402l103.192-171.986c2.766 0.238 5.56 0.386 8.388 0.386 2.136 0 4.248-0.094 6.35-0.23l170.356 298.122c-10.536 15.408-16.706 34.036-16.706 54.11 0 53.020 42.98 96 96 96s96-42.98 96-96c0-53.020-42.98-96-96-96-2.14 0-4.248 0.094-6.35 0.232l-170.356-298.124c10.536-15.406 16.706-34.036 16.706-54.11 0-53.020-42.98-96-96-96s-96 42.98-96 96c0 19.34 5.74 37.332 15.578 52.402l-103.19 171.984c-2.766-0.238-5.56-0.386-8.388-0.386s-5.622 0.146-8.388 0.386l-103.192-171.986c9.84-15.068 15.58-33.060 15.58-52.4 0-53.020-42.98-96-96-96z" />
-</font></defs></svg>
+</font></defs></svg>
\ No newline at end of file

shared/templates/styleguide2/includes/atoms/table/aligned_table.html

@@ -50,7 +50,12 @@
       </thead>
     {% endif %}
 
-    <tbody class="w-full duration-200 [&_p]:py-0 [&_p]:my-0 [&_td]:py-2">
+    <tbody
+      class="
+        w-full duration-200 [&_p]:py-0 [&_p]:my-0 [&_td]:py-2
+        [&_td]:align-middle [&_tr:nth-child(even)]:bg-grey-50
+      "
+    >
       {% for row in table.data %}
         {% with forloop.counter0 as row_index %}
           <tr>

shared/templates/styleguide2/includes/atoms/table/table.html

@@ -36,7 +36,12 @@
       </thead>
     {% endif %}
 
-    <tbody class="w-full duration-200 [&_p]:py-0 [&_p]:my-0 [&_td]:py-2">
+    <tbody
+      class="
+        w-full duration-200 [&_p]:py-0 [&_p]:my-0 [&_td]:py-2
+        [&_td]:align-middle [&_tr:nth-child(even)]:bg-grey-50
+      "
+    >
       {% for row in data %}
         {% with forloop.counter0 as row_index %}
           <tr>