From 26e768c91f5d6397ff7096d6163dedef128001de Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Wed, 31 Jan 2024 21:02:22 +1300
Subject: [PATCH] bigger buttons on post teaser

---
 app/static/structure.css             |  7 +++++++
 app/static/structure.scss            | 10 ++++++++++
 app/templates/post/_post_teaser.html |  5 ++---
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/app/static/structure.css b/app/static/structure.css
index 5f29f14b..bc67fda1 100644
--- a/app/static/structure.css
+++ b/app/static/structure.css
@@ -596,6 +596,13 @@ fieldset legend {
 .post_list .post_teaser .meta_row a, .post_list .post_teaser .main_row a, .post_list .post_teaser .utilities_row a {
   text-decoration: none;
 }
+.post_list .post_teaser .utilities_row a {
+  display: inline-block;
+  width: 44px;
+}
+.post_list .post_teaser .utilities_row .preview_image, .post_list .post_teaser .utilities_row .post_options {
+  text-align: center;
+}
 .post_list .post_teaser .thumbnail {
   float: right;
   padding-left: 0;
diff --git a/app/static/structure.scss b/app/static/structure.scss
index 160b984d..ce1a8545 100644
--- a/app/static/structure.scss
+++ b/app/static/structure.scss
@@ -218,6 +218,16 @@ nav, etc which are used site-wide */
       }
     }
 
+    .utilities_row {
+      a {
+        display: inline-block;
+        width: 44px;
+      }
+      .preview_image, .post_options {
+        text-align: center;
+      }
+    }
+
     .thumbnail {
       float: right;
       padding-left: 0;
diff --git a/app/templates/post/_post_teaser.html b/app/templates/post/_post_teaser.html
index 06ab8f05..cfaab6f2 100644
--- a/app/templates/post/_post_teaser.html
+++ b/app/templates/post/_post_teaser.html
@@ -58,8 +58,7 @@
                     </div>
                     <div class="row utilities_row">
                         <div class="col-6">
-                            <a href="{{ url_for('activitypub.post_ap', post_id=post.id, sort='new' if sort == 'active' else None, _anchor='post_replies') }}" aria-label="{{ _('View comments') }}" aria-hidden="true"><span class="fe fe-reply"></span></a>
-                            <a href="{{ url_for('activitypub.post_ap', post_id=post.id, sort='new' if sort == 'active' else None, _anchor='post_replies') }}" aria-label="{{ _('View comments') }}">{{ post.reply_count }}</a>
+                            <a href="{{ url_for('activitypub.post_ap', post_id=post.id, sort='new' if sort == 'active' else None, _anchor='post_replies') }}" aria-label="{{ _('View comments') }}"><span class="fe fe-reply"></span> {{ post.reply_count }}</a>
                             {% if post.type == POST_TYPE_IMAGE %}
                                 {% if post.image_id %}
                                     <a href="{{ post.image.view_url() }}" rel="nofollow ugc" class="preview_image" aria-label="{{ _('View image') }}" aria-hidden="true"><span class="fe fe-magnify"></span></a>
@@ -68,7 +67,7 @@
                                 {% endif %}
                             {% endif %}
                         </div>
-                        <div class="col-2"><a href="{{ url_for('post.post_options', post_id=post.id) }}" rel="nofollow" aria-label="{{ _('Options') }}"><span class="fe fe-options" title="Options"> </span></a></div>
+                        <div class="col-2"><a href="{{ url_for('post.post_options', post_id=post.id) }}" rel="nofollow" class="post_options" aria-label="{{ _('Options') }}"><span class="fe fe-options" title="Options"> </span></a></div>
                     </div>
                 </div>
             </div>