From e993a4af9e0eee5399a7997885a1834e2611148f Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Wed, 13 May 2026 14:48:32 +0200
Subject: [PATCH] attempting to correctly position notification "!" inside big
 thumb #2

---
 public/s/css/f0ckm.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index a7212e2..3a1eb98 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -9271,14 +9271,20 @@ div.posts>a.thumb.has-notif:hover::after {
   visibility: visible !important;
 }
 
+/* Stretch the <p> to fill the entire thumb so p::after is always centered */
+div.posts>a.thumb.has-notif p {
+  position: absolute !important;
+  inset: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+}
+
 div.posts>a.thumb.has-notif p::after {
   content: "!" !important;
-  position: absolute !important;
-  bottom: 10px !important;
-  left: 0 !important;
-  width: 100% !important;
-  text-align: center !important;
-  transform: none !important;
+  position: static !important;
   color: var(--accent) !important;
   font-size: 40px !important;
   font-weight: 900 !important;