Move actions next to time, for compactness

static/css/style.css

@@ -713,8 +713,12 @@ h1.identity small {
 .post time {
     display: block;
     float: right;
-    padding-left: 64px;
     color: var(--color-text-duller);
+    width: 60px;
+    text-align: center;
+    background-color: var(--color-bg-main);
+    border-radius: 3px;
+    padding: 3px 5px;
 }
 
 .post time i {
@@ -771,13 +775,14 @@ h1.identity small {
 }
 
 .post .actions {
-    padding-left: 64px;
+    float: right;
+    padding: 3px 5px 0 0;
 }
 
 .post .actions a {
     cursor: pointer;
     color: var(--color-text-dull);
-    margin-right: 10px;
+    margin-right: 5px;
 }
 
 .post .actions a:hover {

templates/activities/_post.html

@@ -25,6 +25,13 @@
         </a>
     </time>
 
+    {% if request.identity %}
+    <div class="actions">
+        {% include "activities/_like.html" %}
+        {% include "activities/_boost.html" %}
+    </div>
+    {% endif %}
+
     <a href="{{ post.author.urls.view }}" class="handle">
         {{ post.author.name_or_handle }} <small>@{{ post.author.handle }}</small>
     </a>
@@ -48,11 +55,4 @@
             {% endfor %}
         </div>
     {% endif %}
-
-    {% if request.identity %}
-    <div class="actions">
-        {% include "activities/_like.html" %}
-        {% include "activities/_boost.html" %}
-    </div>
-    {% endif %}
 </div>