From f895359329536c800bbfe638fcb4c62e08e2aeb7 Mon Sep 17 00:00:00 2001
From: citrons <citrons@mondecitronne.com>
Date: Tue, 17 Jun 2025 12:42:49 -0500
Subject: make more area of the thread listing clickable

---
 apioforum/static/style.css          | 39 ++++++++++++++++++++++++++-----------
 apioforum/templates/view_forum.html | 33 ++++++++++++++-----------------
 2 files changed, 43 insertions(+), 29 deletions(-)

diff --git a/apioforum/static/style.css b/apioforum/static/style.css
index 3cf825c..d0600c9 100644
--- a/apioforum/static/style.css
+++ b/apioforum/static/style.css
@@ -112,7 +112,6 @@ div.deleted-post {
 }
 
 .thread-top-bar-a {
-	flex-basis: fill;
 	flex-wrap: wrap;
 	margin-top: 5px;
 	margin-bottom: 5px;
@@ -120,7 +119,6 @@ div.deleted-post {
 }
 
 .thread-top-bar-b {
-	flex-basis: fill;
 	margin-left: auto;
 	box-sizing: border-box;
 }
@@ -227,22 +225,29 @@ nav.pages .pageno { align-self: center; }
 .listing-main { 
 	display: flex; 
 	align-items: center;
+	flex-wrap: nowrap;
 }
 .listing-title { 
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	flex-grow: 1;
+	display: inline-block;
 }
 
-.listing-title a {
+.listing-title, .listing-title a, .listing-title a:visited {
 	text-decoration: none;
-	color: var(--read-colour);
+	color: var(--read-colour) !important;
 }
 
-.unread .listing-title a {
+.unread .listing-title, .unread .listing-title a, .unread .listing-title a:visited {
 	text-decoration: underline;
-	color: var(--dark-colour);
+	color: var(--dark-colour) !important;
+}
+
+a.listing-time {
+	text-decoration: none;
+	color: var(--dark-colour) !important;
 }
 
 .listing-header, .listing-box, .more-subforums summary {
@@ -296,17 +301,29 @@ details[open].more-subforums { display: none; }
 }
 .thread-listing-creator { margin-right: 5px; }
 .listing-caption { 
-	overflow: hidden;
 	font-size: smaller; 
-	white-space: nowrap;
-	text-overflow: ellipsis;
 	margin-top: 10px;
+	white-space: nowrap;
 }
-.thread-preview-post a, .thread-preview-post a:visited { 
+
+a.thread-preview-post { 
 	color: var(--dark-colour); 
 	text-decoration: none; 
 }
-.thread-preview-post { font-style: italic; }
+
+.preview-caption {
+	display: flex;
+	gap: 6px;
+	flex-wrap: nowrap;
+	align-items: center;
+}
+.thread-preview-post {
+	display: inline-block;
+	flex-grow: 1;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	font-style: italic;
+}
 .thread-preview-ts { font-weight: bold; }
 
 .thread-vote-summary {
diff --git a/apioforum/templates/view_forum.html b/apioforum/templates/view_forum.html
index 8b61b3c..ca48f21 100644
--- a/apioforum/templates/view_forum.html
+++ b/apioforum/templates/view_forum.html
@@ -110,13 +110,12 @@ you do not have permission to create threads in this forum
 
 {% macro subforum_listing(subforum,hidden=False) %}
 	<div class="listing {%if hidden%}hidden-subforum{%endif%}">
-		<div class="listing-main {% if not is_read('forum', subforum.id) %}unread{% endif %}">
+		<a class="listing-main {% if not is_read('forum', subforum.id) %}unread{% endif %}"
+				href="{{url_for('forum.view_forum',forum_id=subforum.id)}}">
 			<div class="listing-title">
-				<a href="{{url_for('forum.view_forum',forum_id=subforum.id)}}">
-					{{- subforum.name -}}
-				</a>
+				{{- subforum.name -}}
 			</div>
-		</div>
+		</a>
 		<div class="listing-caption">
 			{% if subforum.updated %}
 				last activity {{ts(subforum.updated)}} ago
@@ -147,11 +146,9 @@ you do not have permission to create threads in this forum
 	{%for thread in threads%}
 		<div class="listing">
 			<div class="listing-main {%if not is_read('thread', thread.id)%}unread{% endif %}">
-				<div class="listing-title">
-					<a href="{{url_for('thread.view_thread',thread_id=thread.id)}}">
-						<abbr title="{{ thread.title }}" style="text-decoration:none">{{- thread.title -}}</abbr>
-					</a>
-				</div>
+				<a class="listing-title" href="{{url_for('thread.view_thread',thread_id=thread.id)}}">
+					<abbr title="{{ thread.title }}" style="text-decoration:none">{{- thread.title -}}</abbr>
+				</a>
 				<div class="thread-listing-tags">
 					{% for the_tag in thread_tags[thread.id] %}
 						{{tag_in_forum(forum.id,the_tag)}}
@@ -161,23 +158,23 @@ you do not have permission to create threads in this forum
 					<div class="thread-listing-creator">
 						{{ disp_user(thread.creator) }} 
 					</div>
-					{{ ts(thread.created) }}
+					<a class="listing-time" href="{{url_for('thread.view_thread',thread_id=thread.id)}}">
+						{{- ts(thread.created) -}}
+					</a>
 				</div>
 			</div>
 			{% if not thread.mrp_deleted %}
-				<div class="listing-caption">
+				<div class="listing-caption preview-caption">
 					{{ disp_user(thread.mrp_author) }}
 					<span class="thread-preview-ts">
 						{{ ts(thread.mrp_created) }}
 					</span>
-					<span class="thread-preview-post">
-						<a href="{{post_jump(thread.mrp_id)}}">
-							{{ thread.mrp_content[:500]|e }}
-						</a>
-					</span>
+					<a class="thread-preview-post" href="{{post_jump(thread.mrp_id)}}">
+						{{ thread.mrp_content[:500]|e }}
+					</a>
 				</div>
 			{% else %}
-				<div class="listing-caption">
+				<div class="listing-caption preview-caption">
 					<a class="thread-preview-post" 
 					   href="{{post_jump(thread.mrp_id)}}">
 						latest post
-- 
cgit v1.2.3