From 7ef31b27901a935d7fb19d698c74dfd2525bdef7 Mon Sep 17 00:00:00 2001
From: Zankaria <zankaria.auxa@skiff.com>
Date: Thu, 29 Aug 2024 17:06:40 +0200
Subject: [PATCH] post_thread.html: move OP post user controls into the intro
 and hide them on small screens

---
 templates/post_thread.html | 44 ++++++++++++++++++++------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/templates/post_thread.html b/templates/post_thread.html
index f5191a8f..61245a2c 100644
--- a/templates/post_thread.html
+++ b/templates/post_thread.html
@@ -21,46 +21,48 @@
 				 <a class="post_no" id="post_no_{{ post.id }}" title="Link to this post" onclick="highlightReply({{ post.id }})" href="{% if isnoko50 %}{{ post.link('', '50') }}{% else %}{{ post.link }}{% endif %}">No.</a>
 				<a class="post_no" title="Reply to this post" onclick="citeReply({{ post.id }})" href="{% if isnoko50 %}{{ post.link('q', '50') }}{% else %}{{ post.link('q') }}{% endif %}">{{ post.id }}</a>
 			</label>
-		</p>
-		<div class="head">
 			{% if post.sticky %}
 				{% if config.font_awesome %}
-					<i class="fa fa-thumb-tack" title="Sticky"></i> {# Keep this space #}
+					{# Keep this space #} <i class="fa fa-thumb-tack" title="Sticky"></i>
 				{% else %}
-					<img class="icon" title="Sticky" src="{{ config.root }}{{ config.image_sticky }}" alt="Sticky" /> {# Keep this space #}
+					{# Keep this space #} <img class="icon" title="Sticky" src="{{ config.root }}{{ config.image_sticky }}" alt="Sticky" />
 				{% endif %}
 			{% endif %}
 			{% if post.locked %}
 				{% if config.font_awesome %}
-					<i class="fa fa-lock" title="Locked"></i> {# Keep this space #}
+					{# Keep this space #} <i class="fa fa-lock" title="Locked"></i>
 				{% else %}
-					<img class="icon" title="Locked" src="{{ config.root }}{{ config.image_locked }}" alt="Locked" /> {# Keep this space #}
+					{# Keep this space #} <img class="icon" title="Locked" src="{{ config.root }}{{ config.image_locked }}" alt="Locked" />
 				{% endif %}
 			{% endif %}
 			{% if post.sage and (config.mod.view_bumplock < 0 or (post.mod and post.mod|hasPermission(config.mod.view_bumplock, board.uri))) %}
 				{% if config.font_awesome %}
-					<i class="fa fa-anchor" title="Bumplocked"></i> {# Keep this space #}
+					{# Keep this space #} <i class="fa fa-anchor" title="Bumplocked"></i>
 				{% else %}
-					<img class="icon" title="Bumplocked" src="{{ config.root }}{{ config.image_bumplocked }}" alt="Bumplocked" /> {# Keep this space #}
+					{# Keep this space #} <img class="icon" title="Bumplocked" src="{{ config.root }}{{ config.image_bumplocked }}" alt="Bumplocked" />
 				{% endif %}
 			{% endif %}
 			{% if post.cycle %}
 				{% if config.font_awesome %}
-					<i class="fa fa-refresh" title="Cyclical"></i> {# Keep this space #}
+					{# Keep this space #} <i class="fa fa-refresh" title="Cyclical"></i>
 				{% else %}
-					<img class="icon" title="Cyclical" src="{{ config.root }}{{ config.image_cycled }}" alt="Cyclical" /> {# Keep this space #}
+					{# Keep this space #} <img class="icon" title="Cyclical" src="{{ config.root }}{{ config.image_cycled }}" alt="Cyclical" />
 				{% endif %}
 			{% endif %}
-			{% if index %}
-				<a href="{{ post.root }}{{ board.dir }}{{ config.dir.res }}{{ link_for(post) }}">[{% trans %}Reply{% endtrans %}]</a> {# Keep this space #}
-			{% endif %}
-			{% if isnoko50 %}
-				<a href="{{ post.root }}{{ board.dir }}{{ config.dir.res }}{{ link_for(post) }}">[{% trans %}View All{% endtrans %}]</a> {# Keep this space #}
-			{% endif %}
-			{% if hasnoko50 and not isnoko50 %}
-				{% set lastcount = config.noko50_count %}
-				<a href="{{ post.root }}{{ board.dir }}{{ config.dir.res }}{{ link_for(post, true) }}">[{% trans %}Last 1 Post{% plural lastcount %}Last {{ count }} Posts{% endtrans %}]</a> {# Keep this space #}
-			{% endif %}
+			<label class="user-controls">
+				{% if index %}
+					{# Keep this space #} <a href="{{ post.root }}{{ board.dir }}{{ config.dir.res }}{{ link_for(post) }}">[{% trans %}Reply{% endtrans %}]</a>
+				{% endif %}
+				{% if isnoko50 %}
+					{# Keep this space #} <a href="{{ post.root }}{{ board.dir }}{{ config.dir.res }}{{ link_for(post) }}">[{% trans %}View All{% endtrans %}]</a>
+				{% endif %}
+				{% if hasnoko50 and not isnoko50 %}
+					{% set lastcount = config.noko50_count %}
+					{# Keep this space #} <a href="{{ post.root }}{{ board.dir }}{{ config.dir.res }}{{ link_for(post, true) }}">[{% trans %}Last 1 Post{% plural lastcount %}Last {{ count }} Posts{% endtrans %}]</a>
+				{% endif %}
+			</label>
+		</p>
+		<div class="head">
 			{% include 'post/post_controls.html' %}
 		</div>
 		<div class="body">
@@ -90,7 +92,7 @@
 					{% plural post.omitted_images %}
 						{{ count }} image replies
 					{% endtrans %}
-				{% endif %} {% trans %}omitted. Click reply to view.{% endtrans %}
+				{% endif %} {% trans %}omitted.{% endtrans %}
 			</span>
 		{% endif %}
 	{% if not index %}