style.css: adjust posts

stylesheets/style.css

@@ -148,7 +148,6 @@ form table tr td div label {
 
 .file {
   float: left;
-  margin-right: 2px;
 }
 
 .file:not(.multifile) .post-image {
@@ -161,11 +160,7 @@ form table tr td div label {
 
 p.fileinfo {
   display: block;
-  margin: 0 0 0 20px;
+  margin: 0.2em 0px;
-}
-
-div.post p.fileinfo {
-  padding-left: 5px;
 }
 
 div.banner {
@@ -223,16 +218,25 @@ div.post.op hr {
 }
 
 .intro {
-  display: flex;
+  margin: 0.5em 0px;
-  justify-content: space-between;
+  padding: 0px;
-  margin: 0.5em 0;
+  line-height: 1.3em;
-  padding: 0;
+}
-  padding-bottom: 0.2em;
+
+.intro span {
+  min-width: 0.3em;
+  display: inline-block;
+}
+
+.post-details {
+  text-wrap: nowrap;
+  float: right;
 }
 
 input.delete {
   float: left;
-  margin: 1px 6px 0 0;
+  margin: 1px 6px 0px 0px;
+  scale: 1.05;
 }
 
 .intro span.subject {
@@ -245,11 +249,15 @@ input.delete {
   font-weight: bold;
 }
 
-.intro span.capcode,p.intro a.capcode,p.intro a.nametag {
+.post-details span.capcode,p.intro a.capcode,p.intro a.nametag {
   color: #F00000;
   margin-left: 0;
 }
 
+.post-details a {
+  margin-left: 5px;
+}
+
 div.delete {
   float: right;
 }
@@ -265,16 +273,17 @@ div.post {
   max-width: 94%!important;
 }
 
-div.post p {
+div.post div.head {
-  margin: 0.1em;
+  margin: 0.1em 1em;
-
+  clear: both;
-  line-height: 1.16em;
+  line-height: 1.3em;
-  font-size: 13px;
-  min-height: 1.16em;
 }
 
-div.post div.head {
+div.post > p {
     margin: 0.1em 0.4em;
+
+    font-size: 13px;
+    min-height: 1.16em;
 }
 
 div.post div.body {
@@ -329,20 +338,15 @@ br.clear {
   display: block;
 }
 
-div.controls {
+span.controls {
-  float: right;
   margin: 0;
   padding: 0;
-  font-size: 80%;
 }
 
-div.controls.op {
+span.controls a {
-  float: none;
-  margin-left: 10px;
-}
-
-div.controls a {
   margin: 0;
+  text-wrap: nowrap;
+  display: inline-block;
 }
 
 div#wrap {
@@ -937,7 +941,6 @@ pre {
 
 .poster_id {
   cursor: pointer;
-  display: inline-block;
   user-select: none;
 }
 

templates/post_reply.html

@@ -1,7 +1,6 @@
 {% apply spaceless %}
 {# tabs and new lines will be ignored #}
 <div class="post reply" id="reply_{{ post.id }}" data-board="{{ board.uri }}">
-	<div class="head">
 	<p class="intro">
 		<label for="delete_{{ post.id }}">
 		{% if not index %}<a id="{{ post.id }}" class="post_anchor"></a>{% endif %}
@@ -13,12 +12,13 @@
 		</label>
 		{% apply spaceless %}
 		{% include 'post/poster_id.html' %}
-			<label style="text-wrap: nowrap;">
+		<label class="post-details">
 			{% include 'post/time.html' %}
 			<a class="post_no" id="post_no_{{ post.id }}" title="Link to this post" onclick="highlightReply({{ post.id }})" href="{% if isnoko50 %}{{ post.link('', config.file_page50) }}{% 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', config.file_page50) }}{% else %}{{ post.link('q') }}{% endif %}">{{ post.id }}</a>
 		</label>
 	</p>
+	<div class="head">
 		{% endapply %}
 		{% include 'post/post_controls.html' %}
 		{% include 'post/fileinfo.html' %}

templates/post_thread.html

@@ -5,9 +5,10 @@
 {% if not index %}<a id="{{ post.id }}" class="post_anchor"></a>{% endif %}
 
 {% endapply %}
-{% include 'post/fileinfo.html' %}
+<div class="post op" id="op_{{ post.id }}" {%if post.num_files > 1%}style='clear:both'{%endif%}>
-<div class="post op" id="op_{{ post.id }}" {%if post.num_files > 1%}style='clear:both'{%endif%}><p class="intro">
+	<p class="intro">
 		<label for="delete_{{ post.id }}">
+			<input type="checkbox" class="delete" name="delete_{{ post.id }}" id="delete_{{ post.id }}" />
 			{% include 'post/subject.html' %}
 			{% include 'post/name.html' %}
 			{% include 'post/ip.html' %}
@@ -15,9 +16,13 @@
 		</label>
 		{% apply spaceless %}
 		{% include 'post/poster_id.html' %}&nbsp;
+		<label class="post-details">
 			{% include 'post/time.html' %}
 			<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>
@@ -56,8 +61,9 @@
 			{% 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>
 		{% endif %}
-	</p>
 		{% include 'post/post_controls.html' %}
+		{% include 'post/fileinfo.html' %}
+	</div>
 	<div class="body">
 		{% endapply %}{% if index %}{{ post.body|truncate_body(post.link) }}{% else %}{{ post.body }}{% endif %}{% apply spaceless %}
 		{% if post.modifiers['ban message'] %}