style.css: adjust controls

stylesheets/style.css

@@ -203,7 +203,7 @@ img.banner,img.board_image {
 }
 
 div.post .post-image {
-  padding: 5px;
+  padding: 0.2em;
   margin: 0 20px 0 0;
 }
 
@@ -266,13 +266,17 @@ div.post {
 }
 
 div.post p {
-  margin: 0;
+  margin: 0.1em;
 
   line-height: 1.16em;
   font-size: 13px;
   min-height: 1.16em;
 }
 
+div.post div.head {
+  margin: 0.1em 0.4em;
+}
+
 div.post div.body {
   margin-top: 0.8em;
   padding-right: 3em;
@@ -325,19 +329,19 @@ br.clear {
   display: block;
 }
 
-span.controls {
+div.controls {
   float: right;
   margin: 0;
   padding: 0;
   font-size: 80%;
 }
 
-span.controls.op {
+div.controls.op {
   float: none;
   margin-left: 10px;
 }
 
-span.controls a {
+div.controls a {
   margin: 0;
 }
 

templates/post/post_controls.html

@@ -1,6 +1,6 @@
 {% if mod %}
 
-<span class="controls {% if not post.thread %}op{% endif %}">
+<div class="controls {% if not post.thread %}op{% endif %}">
 {% if mod|hasPermission(config.mod.delete, board.uri) %}
 	{{ secure_link_confirm(config.mod.link_delete, 'Delete'|trans, 'Are you sure you want to delete this?'|trans, board.dir ~ 'delete/' ~ post.id) }}&nbsp;
 {% endif %}
@@ -58,6 +58,6 @@
 {% if mod|hasPermission(config.mod.editpost, board.uri) %}
 	<a title="{% trans %}Edit post{% endtrans %}" href="?/{{ board.dir }}edit{% if config.mod.raw_html_default %}_raw{% endif %}/{{ post.id }}">{{ config.mod.link_editpost }}</a>&nbsp;
 {% endif %}
-</span>
+</div>
 
 {% endif %}

templates/post_reply.html

@@ -1,24 +1,28 @@
 {% apply spaceless %}
 {# tabs and new lines will be ignored #}
-<div class="post reply" id="reply_{{ post.id }}">
+<div class="post reply" id="reply_{{ post.id }}" data-board="{{ board.uri }}">
-<p class="intro">
+	<div class="head">
-	<label for="delete_{{ post.id }}">
+		<p class="intro">
-	{% if not index %}<a id="{{ post.id }}" class="post_anchor"></a>{% endif %}
+			<label for="delete_{{ post.id }}">
-		<input type="checkbox" class="delete" name="delete_{{ post.id }}" id="delete_{{ post.id }}" />
+			{% if not index %}<a id="{{ post.id }}" class="post_anchor"></a>{% endif %}
-		{% include 'post/subject.html' %}
+				<input type="checkbox" class="delete" name="delete_{{ post.id }}" id="delete_{{ post.id }}" />
-		{% include 'post/name.html' %}
+				{% include 'post/subject.html' %}
-		{% include 'post/ip.html' %}
+				{% include 'post/name.html' %}
-		{% include 'post/flag.html' %}
+				{% include 'post/ip.html' %}
-	</label>
+				{% include 'post/flag.html' %}
-	{% apply spaceless %}
+			</label>
-	{% include 'post/poster_id.html' %}
+			{% apply spaceless %}
-	{% include 'post/time.html' %}
+			{% include 'post/poster_id.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>
+			<label style="text-wrap: nowrap;">
-	<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>
+				{% include 'post/time.html' %}
-	</p>
+				<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>
-	{% endapply %}
+				<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>
-	{% include 'post/post_controls.html' %}
+			</label>
-	{% include 'post/fileinfo.html' %}
+		</p>
+		{% endapply %}
+		{% include 'post/post_controls.html' %}
+		{% include 'post/fileinfo.html' %}
+	</div>
 	<div class="body" {% if post.files|length > 1 %}style="clear:both"{% endif %}>
 		{% endapply %}{% if index %}{{ post.body|truncate_body(post.link) }}{% else %}{{ post.body }}{% endif %}{% apply spaceless %}
 		{% if post.modifiers['ban message'] %}

templates/post_thread.html

@@ -56,8 +56,8 @@
 		{% 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 %}
-	{% include 'post/post_controls.html' %}
 	</p>
+	{% include 'post/post_controls.html' %}
 	<div class="body">
 		{% endapply %}{% if index %}{{ post.body|truncate_body(post.link) }}{% else %}{{ post.body }}{% endif %}{% apply spaceless %}
 		{% if post.modifiers['ban message'] %}