From 279c1cd47dcfc5fac90e53c119b9bbcd20062b1e Mon Sep 17 00:00:00 2001
From: swag <swaggboi@slackware.uk>
Date: Wed, 21 Sep 2022 01:28:50 -0400
Subject: [PATCH] Various tweaks

---
 assets/css/PostText.css       | 4 ++++
 templates/list_page.html.ep   | 8 ++++----
 templates/post.html.ep        | 6 +++++-
 templates/remark_id.html.ep   | 2 +-
 templates/thread_id.html.ep   | 9 +++++----
 templates/thread_page.html.ep | 9 ++++++---
 6 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/assets/css/PostText.css b/assets/css/PostText.css
index a671f73..c96f702 100644
--- a/assets/css/PostText.css
+++ b/assets/css/PostText.css
@@ -7,3 +7,7 @@
     border-style: dotted;
     border-collapse: collapse;
 }
+
+.thread .id, .remark .id {
+    float: right;
+}
diff --git a/templates/list_page.html.ep b/templates/list_page.html.ep
index 2eca410..c4454e4 100644
--- a/templates/list_page.html.ep
+++ b/templates/list_page.html.ep
@@ -4,20 +4,20 @@
 <div class="threads">
   <% for my $thread (@{$threads}) { =%>
     <article class="thread">
-      <span class="id">
+      <nav class="id">
         <%= link_to "#$thread->{'id'}",
           thread_page => {thread_id => $thread->{'id'}} %>
-      </span>
+      </nav>
       <h3 class="title"><%= $thread->{'title'} %></h3>
       <h4 class="date"><%= $thread->{'date'} %></h4>
       <h5 class="author"><%= $thread->{'author'} %></h5>
       <p class="body"><%= $thread->{'body'} %></p>
-      <span class="remarks">
+      <nav class="remarks">
         <%= link_to Remark => thread_id => {thread_id => $thread->{'id'}} %>
         <%= link_to thread_page => {thread_id => $thread->{'id'}}, begin %>
           (<%= $thread->{'remark_count'} %> remarks)
         <% end %>
-      </span>
+      </nav>
     </article>
   <% } =%>
 </div>
diff --git a/templates/post.html.ep b/templates/post.html.ep
index d55b45e..56098f2 100644
--- a/templates/post.html.ep
+++ b/templates/post.html.ep
@@ -15,7 +15,11 @@
   </div>
   <div class="title field">
     <%= label_for title => 'Title' %>
-    <%= text_field 'title', maxlength => 127, minlength => 1 %>
+    <%= text_field title => (
+        maxlength => 127,
+        minlength => 1,
+        autofocus => 'autofocus'
+    ) %>
     <% if (my $error = validation->error('title')) { =%>
     <p class="field-with-error">Invalid title: 1 to 127 characters please.</p>
     <% } =%>
diff --git a/templates/remark_id.html.ep b/templates/remark_id.html.ep
index a117979..0634141 100644
--- a/templates/remark_id.html.ep
+++ b/templates/remark_id.html.ep
@@ -3,7 +3,7 @@
 <h2><%= title %></h2>
 <div class="remarks">
   <article class="remark">
-    <span class="id">#<%= $remark->{'id'} %></span>
+    <nav class="id">#<%= $remark->{'id'} %></nav>
     <h4 class="date"><%= $remark->{'date'} %></h4>
     <h5 class="author"><%= $remark->{'author'} %></h5>
     <p class="body"><%= $remark->{'body'} %></p>
diff --git a/templates/thread_id.html.ep b/templates/thread_id.html.ep
index 24aa034..c33057a 100644
--- a/templates/thread_id.html.ep
+++ b/templates/thread_id.html.ep
@@ -19,7 +19,8 @@
         maxlength => 4000,
         minlength => 2,
         required  => 'true',
-        rows      => 6
+        rows      => 6,
+        autofocus => 'autofocus'
     ) %>
     <% if (my $error = validation->error('body')) { =%>
     <p class="field-with-error">Invalid text: Up to 4,000 characters only.</p>
@@ -30,10 +31,10 @@
 <div class="threads">
   <h3>Thread</h3>
   <article class="thread">
-    <span class="id">
+    <nav class="id">
       <%= link_to "#$thread->{'id'}",
         thread_page => {thread_id => $thread->{'id'}} %>
-    </span>
+    </nav>
     <h3 class="title"><%= $thread->{'title'} %></h3>
     <h4 class="date"><%= $thread->{'date'} %></h4>
     <h5 class="author"><%= $thread->{'author'} %></h5>
@@ -44,7 +45,7 @@
 <div class="remarks">
   <h3>Last Remark</h3>
   <article class="remark">
-    <span class="id">#<%= $last_remark_id %></span>
+    <nav class="id">#<%= $last_remark_id %></nav>
     <h4 class="date"><%= $last_remark->{'date'} %></h4>
     <h5 class="author"><%= $last_remark->{'author'} %></h5>
     <p class="body"><%= $last_remark->{'body'} %></p>
diff --git a/templates/thread_page.html.ep b/templates/thread_page.html.ep
index 5245120..72dd288 100644
--- a/templates/thread_page.html.ep
+++ b/templates/thread_page.html.ep
@@ -10,23 +10,26 @@
   </article>
 </div>
 <nav>
-  <%= link_to Remark => thread_id => {thread_id => $thread->{'id'}}  %>
+  <%= link_to Remark => thread_id => {thread_id => $thread->{'id'}} %>
 </nav>
 <% if (my $first_remark = $remarks->[0]) { =%>
 <div class="remarks">
   <h3>Remarks</h3>
   <% for my $remark (@{$remarks}) { =%>
   <article class="remark">
-    <span class="id">
+    <nav class="id">
       <%= link_to "#$remark->{'id'}",
         remark_id => {remark_id => $remark->{'id'}} %>
-    </span>
+    </nav>
     <h4 class="date"><%= $remark->{'date'} %></h4>
     <h5 class="author"><%= $remark->{'author'} %></h5>
     <p class="body"><%= $remark->{'body'} %></p>
   </article>
   <% } =%>
 </div>
+<nav>
+  <%= link_to Remark => thread_id => {thread_id => $thread->{'id'}} %>
+</nav>
 <nav>
   <% if ($last_page && $last_page != 1) { =%>
   <%= pagination $this_page, $last_page, ($base_path . '/{page}') %>