From 37dccdd4db2ff8abb2a09062d9c2046f162be5b1 Mon Sep 17 00:00:00 2001
From: Shadowfacts <me@shadowfacts.net>
Date: Wed, 31 Mar 2021 20:01:00 -0400
Subject: [PATCH] Tweak item table layout

---
 assets/css/frenzy.scss                       | 4 ++++
 lib/frenzy_web/templates/feed/show.html.eex  | 4 ++--
 lib/frenzy_web/templates/group/read.html.eex | 8 ++++----
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/assets/css/frenzy.scss b/assets/css/frenzy.scss
index 2887ef0..38a810a 100644
--- a/assets/css/frenzy.scss
+++ b/assets/css/frenzy.scss
@@ -148,3 +148,7 @@ label.sidebar-toggle > .oi {
 .item-content > .raw-content {
 	white-space: pre-wrap;
 }
+
+.item-table tr > .date {
+	min-width: 200px;
+}
diff --git a/lib/frenzy_web/templates/feed/show.html.eex b/lib/frenzy_web/templates/feed/show.html.eex
index 9a34eb4..18e01d5 100644
--- a/lib/frenzy_web/templates/feed/show.html.eex
+++ b/lib/frenzy_web/templates/feed/show.html.eex
@@ -25,14 +25,14 @@
   </p>
 <% end %>
 
-<table class="table table-striped">
+<table class="table table-striped item-table">
   <tbody>
     <%= for item <- @items do %>
       <tr <%= if item.read do %>class="item-read"<% end %>>
         <td>
           <a href="<%= Routes.item_path(@conn, :show, item.id) %>"><%= item.title || "(Untitled)" %></a>
         </td>
-        <td>
+        <td class="date">
           <%= if item.date do %>
             <% {:ok, date} = Timex.format(item.date, "{YYYY}-{0M}-{0D} {0h12}:{m} {AM}") %>
             <%= date %>
diff --git a/lib/frenzy_web/templates/group/read.html.eex b/lib/frenzy_web/templates/group/read.html.eex
index 17b8bdd..6b1a834 100644
--- a/lib/frenzy_web/templates/group/read.html.eex
+++ b/lib/frenzy_web/templates/group/read.html.eex
@@ -6,7 +6,7 @@
   </p>
 <% end %>
 
-<table class="table table-striped">
+<table class="table table-striped item-table">
   <tbody>
     <%= for item <- @items do %>
       <tr <%= if item.read do %>class="item-read"<% end %>>
@@ -15,15 +15,15 @@
             <%= item.title || "(Untitled)" %>
           </a>
         </td>
-        <td>
-          <a href="<%= Routes.feed_path(@conn, :show, item.feed.id) %>">
+        <td class="align-middle">
+          <a href="<%= Routes.feed_path(@conn, :show, item.feed.id) %>" style="white-space: nowrap;">
             <%= if item.feed.favicon do %>
               <img src="<%= item.feed.favicon %>" alt="<%= item.feed.title %> favicon" class="favicon">
             <% end %>
             <%= item.feed.title || "(Untitled)" %>
           </a>
         </td>
-        <td>
+        <td class="date align-middle">
           <%= if item.date do %>
             <% {:ok, date} = Timex.format(item.date, "{YYYY}-{0M}-{0D} {0h12}:{m} {AM}") %>
             <%= date %>