From d044529e092bc9bbe0846d19674ddff681369430 Mon Sep 17 00:00:00 2001
From: ProgrammGamer <Linus.Games2008@gmail.com>
Date: Fri, 30 Jan 2026 18:39:23 +0100
Subject: [PATCH] update Frondend

---
 assets/frontend.css | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/assets/frontend.css b/assets/frontend.css
index bd1e878..28a31d8 100644
--- a/assets/frontend.css
+++ b/assets/frontend.css
@@ -107,15 +107,38 @@
 .kc-result h3{margin-top:0;text-align:center;color:#154a3b;}
 .kc-phase{margin:18px 0;padding:12px;border-radius:12px;background:#fbfffe;border:1px solid #e6f3ee;}
 .kc-result .kc-inner { max-width:1100px; margin:0 auto; padding:0 14px; box-sizing:border-box; }
-.kc-workshops-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:14px;margin-top:12px;align-items:start;}
+.kc-workshops-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+    gap: 18px;
+    margin-top: 12px;
+    align-items: start;
+}
 .kc-workshop-card{background:#ffffff;border-radius:12px;overflow:hidden;border:1px solid #e9f4f0;box-shadow:0 2px 6px rgba(8,38,28,0.04);width:100%;}
 .kc-workshop-card .title{background:linear-gradient(90deg, rgba(45,166,106,0.04), rgba(13,89,71,0.02));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:18px 12px;font-weight:800;color:#0d5947;font-size:1.06rem;letter-spacing:0.2px;border-bottom:1px solid rgba(229,244,240,0.8);gap:12px;}
 .kc-workshop-card .title .count{color:#6b6b6b;font-weight:600;font-size:0.9rem;margin-left:6px;}
 .kc-workshop-card .title .teamers{font-weight:600;color:#145a47;font-size:0.9rem;opacity:0.92;}
 .kc-workshop-card .title .teamers small{font-weight:500;color:#4c7a6a;opacity:0.9;font-size:0.85rem;margin-left:6px;}
 .kc-workshop-card .content{padding:12px 18px 18px 18px;}
-.kc-participants{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:0.95rem;color:#2b2b2b;}
-.kc-participant{padding:6px 8px;border-radius:6px;background:transparent;}
-.kc-participant.me{background:#fffbe6;border:1px solid #ffeab2;}
+.kc-participants {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    gap: 6px 12px;
+    font-size: 0.95rem;
+    color: #2b2b2b;
+}
+.kc-participant {
+    padding: 6px 8px;
+    border-radius: 6px;
+    background: transparent;
+    white-space: nowrap;
+    overflow-x: auto;
+    text-overflow: unset;
+    max-width: 100%;
+}
+.kc-participant.me {
+    background: #fffbe6;
+    border: 1px solid #ffeab2;
+}
 .kc-notassigned{background:#fff6f6;border:1px solid #ffd2d2;padding:12px;border-radius:10px;margin-top:12px;}
 @media(max-width:700px){ .kc-participants{grid-template-columns:1fr;} }