Small cleanup

web/static/index.css

@@ -2,7 +2,6 @@
 :root {
     --bg-main: #EEF2FF;
     --text-muted: #575F68;
-    --danger: #FF0000;
     --brand-red: #AF0A0F;
 
     --form-header-bg: #9988EE;
@@ -17,13 +16,15 @@
 
     --reply-link: #DD0000;
     --dialog-bg: #EDEFF7;
+
+    --danger: #FF0000;
+    --warning-bg: #FFAAAA;
+    --black: #000000;
+
     --heading-bg: #00007F;
     --heading-text: #FFFFFF;
     --box-bg: #ECEFF6;
 
-    --warning-bg: #FFAAAA;
-    --black: #000000;
-
     --shadow: rgba(0, 0, 0, 0.25);
 }
 
@@ -136,12 +137,29 @@ body {
 }
 
 .catalog-preview-counts {
-    display: block;
     font-size: 12px;
-    margin-bottom: 5px;
     margin-top: 2.5px;
 }
 
+.catalog-preview-counts-container {
+    position: relative;
+    margin-top: 4px;
+}
+
+.icons-container {
+    position: absolute;
+    right: 100%;
+    margin-right: 6px;
+    top: 50%;
+    left: 22%;
+    transform: translateY(-50%);
+    display: flex;
+}
+
+.icons-container .icon {
+    margin-left: 2px;
+}
+
 /* NEW THREAD BUTTON/FORM */
 
 #newThreadBtn {
@@ -201,26 +219,6 @@ body {
     margin: 2rem;
 }
 
-.thread-title {
-    position: relative;
-    display: inline-block;
-    font-size: 14px;
-    font-weight: bold;
-}
-
-.thread-icons {
-    position: absolute;
-    right: 100%;
-    margin-right: 6px;
-    top: 50%;
-    transform: translateY(-50%);
-    display: flex;
-}
-
-.thread-icons .icon {
-    margin-left: 2px;
-}
-
 .thread-subject {
     font-weight: bold;
     color: var(--link-primary);

web/views/board.templ

@@ -82,6 +82,15 @@ templ ThreadsCatalog(previews []CatalogThreadPreview, catalogContext CatalogCont
 				preview.ThumbPath) }
 					/>
 				</a>
+				<div class="catalog-preview-counts-container">
+					<span class="icons-container">
+						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>
 					<strong class="catalog-preview-counts">
 						R: { replyCount } / I: { ipCount }
 						if catalogContext.IsAdmin {
@@ -95,15 +104,8 @@ templ ThreadsCatalog(previews []CatalogThreadPreview, catalogContext CatalogCont
 							</span>
 						}
 					</strong>
-				<h1 class="thread-title">
+				</div>
-					<span class="thread-icons">
+				<h1 style="margin-top: 5px;">
-						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>