From db8bf9a98c8027f0e9e5218b92be07cac493f32e Mon Sep 17 00:00:00 2001
From: Fabian Schieder <fabian.schieder.1010@gmail.com>
Date: Wed, 18 Mar 2026 16:20:52 +0100
Subject: [PATCH] feat: enhance review user info layout with responsive avatar
 and name styling

---
 assets/css/productpage.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/assets/css/productpage.css b/assets/css/productpage.css
index 69fe361..cf1f5bd 100644
--- a/assets/css/productpage.css
+++ b/assets/css/productpage.css
@@ -494,6 +494,34 @@
     margin-bottom: 0.6rem;
 }
 
+/* User-Info (Avatar + Name/Datum) */
+.review-user-info {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    min-width: 0; /* erlaubt Text-Ellipsis/Umbruch in flex */
+}
+
+/* Profilbild in Reviews: immer gleich groß und angenehm klein */
+.review-avatar {
+    width: clamp(28px, 3.2vw, 34px);
+    height: clamp(28px, 3.2vw, 34px);
+    flex: 0 0 auto;
+    border-radius: 50%;
+    object-fit: cover;
+    object-position: center;
+    display: block;
+    border: 1px solid rgba(148, 163, 184, 0.35);
+    background: #0f172a; /* falls Bild transparent/fehlend */
+}
+
+/* Optional: verhindert, dass lange Namen Layout sprengen */
+.review-user {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
 .review-user {
     font-weight: 600;
     color: white;