Move actions next to time, for compactness

2 files changed, 15 insertions, 10 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 63d94d4..5c966a7 100644
--- a/static/css/style.css
+++ b/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 {
diff --git a/templates/activities/_post.html b/templates/activities/_post.html
index 80fa653..11e4494 100644
--- a/templates/activities/_post.html
+++ b/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>