From d85a837f4de2fb6829cb2253f1924231c5aed50b Mon Sep 17 00:00:00 2001
From: Dicken <webmaster@sermerpartydorf.de>
Date: Tue, 2 Jun 2026 21:19:27 +0200
Subject: [PATCH] Fix Schnellzugriff: negatives Margin entfernt, overflow
 hidden - exakt 4 Icons pro Reihe

---
 frontend/src/App.jsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 2748bce..4472f12 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -465,11 +465,10 @@ function QuickLinksCarousel({ links }) {
   );
 
   return (
-    <div style={{ position:'relative' }}>
+    <div style={{ position:'relative', overflow:'hidden' }}>
       <div ref={scrollRef} onScroll={onScroll} style={{
         display:'flex', overflowX:'auto', scrollSnapType:'x mandatory',
         scrollbarWidth:'none', WebkitOverflowScrolling:'touch',
-        marginInline:-14, paddingInline:14,
       }}>
         {Array.from({length: pageCount}, (_,pi) => (
           <div key={pi} style={{
@@ -477,7 +476,7 @@ function QuickLinksCarousel({ links }) {
             gridTemplateColumns:`repeat(${perRow}, 1fr)`,
             gridTemplateRows:'repeat(2, auto)',
             gap, flexShrink:0, scrollSnapAlign:'start',
-            width:'100%', minWidth:'100%',
+            width:'100%', minWidth:'100%', boxSizing:'border-box',
           }}>
             {links.slice(pi*pageSize, (pi+1)*pageSize).map(l => <QuickLinkIcon key={l.id} l={l}/>)}
           </div>