From f7c27f9d50295d22d707509c7122e8a276eef4d9 Mon Sep 17 00:00:00 2001
From: Dicken <dicken@noreply.localhost>
Date: Thu, 28 May 2026 09:57:56 +0200
Subject: [PATCH] Dateien nach "frontend/src" hochladen

---
 frontend/src/App.jsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 53e7f84..c9debde 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -485,22 +485,22 @@ function QuickLinks({ toast, mobile }) {
       {/* Link-Grid */}
       {links.length === 0 && !editMode
         ? <div style={{ color:'rgba(255,255,255,0.5)', fontSize:11, fontFamily:'monospace', padding:'6px 0' }}>Links können unter Einstellungen → Dashboard hinzugefügt werden.</div>
-        : <div style={{ display:'grid', gridTemplateColumns:'repeat(auto-fill,minmax(80px,1fr))', gap:8 }}>
+        : <div style={{ display:'grid', gridTemplateColumns:'repeat(auto-fill,minmax(58px,1fr))', gap:6 }}>
             {links.map(l => (
               <div key={l.id} style={{ position:'relative' }}>
 
                 <a href={l.url} target="_blank" rel="noopener noreferrer"
                   
                   style={{ display:'flex', flexDirection:'column', alignItems:'center', justifyContent:'center', gap:3,
-                    padding: mobile?'6px 4px':'8px 12px',
+                    padding: mobile?'4px 2px':'6px 4px',
                     background:'rgba(255,255,255,0.04)',
                     border:'1px solid rgba(255,255,255,0.08)', borderRadius:10,
-                    textDecoration:'none', height: mobile?58:72, cursor:'pointer' }}>
+                    textDecoration:'none', height: mobile?48:58, cursor:'pointer' }}>
                   {l.icon && l.icon.startsWith('http')
-                    ? <img src={l.icon} alt="" style={{width:mobile?20:24,height:mobile?20:24,objectFit:'contain'}} onError={e=>e.target.style.display='none'}/>
-                    : <span style={{ fontSize:mobile?20:22 }}>{l.icon}</span>}
-                  <span style={{ color:'rgba(255,255,255,0.65)', fontSize:9, fontFamily:'monospace',
-                    maxWidth:64, overflow:'hidden', textOverflow:'ellipsis', whiteSpace:'nowrap' }}>{l.title}</span>
+                    ? <img src={l.icon} alt="" style={{width:mobile?16:20,height:mobile?16:20,objectFit:'contain'}} onError={e=>e.target.style.display='none'}/>
+                    : <span style={{ fontSize:mobile?16:18 }}>{l.icon}</span>}
+                  <span style={{ color:'rgba(255,255,255,0.65)', fontSize:8, fontFamily:'monospace',
+                    maxWidth:52, overflow:'hidden', textOverflow:'ellipsis', whiteSpace:'nowrap' }}>{l.title}</span>
                 </a>
               </div>
             ))}