From 490f72038c9272f08444661b5e62d98eb5530b1a Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Sat, 18 Jan 2025 20:56:32 +0100
Subject: [PATCH] style: hashtags as pills

---
 templates/tag.html     | 6 ++++--
 templates/threads.html | 8 +++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/templates/tag.html b/templates/tag.html
index 9652aaf..f6a69b5 100644
--- a/templates/tag.html
+++ b/templates/tag.html
@@ -93,7 +93,8 @@
       }
     }
 
-    .pill {
+    .pill,
+    .hashtag {
       border-radius: 2em;
       background-color: rgba(197, 209, 222, 0.25);
       margin: 0 0.5em 0.5em 0;
@@ -284,7 +285,8 @@
         }
       }
 
-      .pill {
+      .pill,
+      .hashtag {
         background-color: rgba(0, 0, 0, 0.15);
         color: var(--text-color-light-faded);
 
diff --git a/templates/threads.html b/templates/threads.html
index 88e3998..077acd4 100644
--- a/templates/threads.html
+++ b/templates/threads.html
@@ -99,7 +99,8 @@
       }
     }
 
-    .pill {
+    .pill,
+    .hashtag {
       border-radius: 2em;
       background-color: rgba(197, 209, 222, 0.25);
       margin: 0 0.5em 0.5em 0;
@@ -291,7 +292,8 @@
         }
       }
 
-      .pill {
+      .pill,
+      .hashtag {
         background-color: rgba(0, 0, 0, 0.15);
         color: var(--text-color-light-faded);
 
@@ -317,7 +319,7 @@
       {% for tag in tags %}
       <a class="pill" href="{{url_for('threads.tag', id=tag.name) }}">
         <span class="pill-label">{{ tag.statuses_count }}</span>
-        {{ tag.name }}
+        #{{ tag.name }}
       </a>
       {% endfor %}
     </div>