Lock and pin icons

web/views/board.templ

@@ -95,14 +95,18 @@ templ ThreadsCatalog(previews []CatalogThreadPreview, catalogContext CatalogCont
 						</span>
 					}
 				</strong>
-				<h1>
-					<a href={ templ.URL(preview.ThreadURL) } class="catalog-preview-link">{ preview.Subject }</a>
-					if preview.Locked {
-						<span>Locked</span>
-					}
-					if preview.Pinned {
-						<span>Pinned</span>
-					}
+				<h1 class="thread-title">
+					<span class="thread-icons">
+						if preview.Locked {
+							<img src="/static/media/icons/lock.svg" alt="Locked" class="icon"/>
+						}
+						if preview.Pinned {
+							<img src="/static/media/icons/pin.svg" alt="Pinned" class="icon"/>
+						}
+					</span>
+					<a href={ templ.URL(preview.ThreadURL) } class="catalog-preview-link">
+						{ preview.Subject }
+					</a>
 				</h1>
 				<p>
 					@templ.Raw(util.EnrichPost(preview.Body))

web/views/thread.templ

@@ -93,6 +93,14 @@ templ PostOriginal(post database.Post, thread database.Thread) {
 		/>
 		<video controls style="display: none;" class="post-vid"></video>
 		<header style="margin-top: 10px;" class="post-header">
+			<span style="float: left;">
+				if thread.Locked {
+					<img src="/static/media/icons/lock.svg" alt="Locked" class="icon"/>
+				}
+				if thread.Pinned {
+					<img src="/static/media/icons/pin.svg" alt="Pinned" class="icon"/>
+				}
+			</span>
 			<h1 class="thread-subject">{ thread.Subject } -</h1>
 			<span class="post-author">{ post.Author }</span>
 			<span class="post-date">{ post.CreatedAt.Format("01/02/2006") }</span>