From 4edc4f46506f5c7313497b2b5f33143cd6d7099d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lera=20Elvo=C3=A9?= <yagich@poto.cafe>
Date: Wed, 29 Apr 2026 20:11:00 +0300
Subject: [PATCH] style fixes

---
 app/templates/common/icons.html | 10 +++++-----
 app/templates/topics/topic.html |  7 ++++---
 data/static/css/style.css       |  2 +-
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/app/templates/common/icons.html b/app/templates/common/icons.html
index 257a713..699c3d9 100644
--- a/app/templates/common/icons.html
+++ b/app/templates/common/icons.html
@@ -3,21 +3,21 @@
 {%- endmacro -%}
 
 {%- macro icn_warn(width=48) -%}
-<img src="/static/icons/warn.svg" alt="info" style="width: {{width}}px;">
+<img src="/static/icons/warn.svg" alt="warning" style="width: {{width}}px;">
 {%- endmacro -%}
 
 {%- macro icn_error(width=48) -%}
-<img src="/static/icons/error.svg" alt="info" style="width: {{width}}px;">
+<img src="/static/icons/error.svg" alt="error" style="width: {{width}}px;">
 {%- endmacro -%}
 
 {%- macro icn_bookmark(width=16) -%}
-<img src="/static/icons/bookmark.svg" alt="info" style="width: {{width}}px;">
+<img src="/static/icons/bookmark.svg" alt="bookmark" style="width: {{width}}px;">
 {%- endmacro -%}
 
 {%- macro icn_locked(width=16) -%}
-<img src="/static/icons/locked.svg" alt="info" style="width: {{width}}px;">
+<img src="/static/icons/locked.svg" title="Locked" alt="lock" style="width: {{width}}px;">
 {%- endmacro -%}
 
 {%- macro icn_stickied(width=16) -%}
-<img src="/static/icons/stickied.svg" alt="info" style="width: {{width}}px;">
+<img src="/static/icons/sticky.svg" title="Stickied" alt="paper held by pushpin" style="width: {{width}}px;">
 {%- endmacro -%}
diff --git a/app/templates/topics/topic.html b/app/templates/topics/topic.html
index 204c02a..5fda2fe 100644
--- a/app/templates/topics/topic.html
+++ b/app/templates/topics/topic.html
@@ -51,13 +51,14 @@
   <div class="title-container">
     <span class="info thread-title-counter"><a href="{{url_for('threads.thread_by_id', thread_id=thread.id)}}">{{thread.title}}</a>
     </span>
+    <ul class="horizontal">
     {%- if thread.is_locked -%}
-    {{icn_locked(24)}}
+    <li>{{icn_locked(24)}}</li>
     {%- endif -%}
     {%- if thread.is_stickied -%}
-    {{icn_stickied(24)}}
+    <li>{{icn_stickied(24)}}</li>
     {%- endif -%}
-    <ul class="horizontal"></ul>
+    </ul>
     {%- if thread.posts_count / 10 > 1 -%}
     {{pager(0, (((thread.posts_count / 10) | round(0, 'ceil') )| int), 'flex-last', url=url_for('threads.thread_by_id', thread_id=thread.id))}}
     {%- endif -%}
diff --git a/data/static/css/style.css b/data/static/css/style.css
index e44a408..3a58b58 100644
--- a/data/static/css/style.css
+++ b/data/static/css/style.css
@@ -444,7 +444,7 @@ ul.horizontal, ol.horizontal {
   display: flex;
   gap: var(--base-padding);
   justify-content: start;
-  align-items: end;
+  align-items: center;
   flex-wrap: wrap;
 }