|
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
6 | 6 | <title>TobiMessi | Learning Infrastructure</title> |
7 | 7 |
|
8 | | - <link rel="icon" type="image/png" href="qr-code.png?v=patreon_update"> |
9 | | - <link rel="shortcut icon" type="image/png" href="qr-code.png?v=patreon_update"> |
| 8 | + <link rel="icon" type="image/png" href="qr-code.png?v=fixed_buttons"> |
| 9 | + <link rel="shortcut icon" type="image/png" href="qr-code.png?v=fixed_buttons"> |
10 | 10 |
|
11 | 11 | <style> |
12 | 12 | body { |
|
34 | 34 | header { text-align: center; margin-bottom: 35px; } |
35 | 35 | h1 { margin: 0 0 10px 0; font-size: 2.5rem; letter-spacing: -1px; color: #111; } |
36 | 36 |
|
37 | | - .btn-group { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 15px; } |
| 37 | + .btn-group { |
| 38 | + display: flex; |
| 39 | + justify-content: center; |
| 40 | + gap: 10px; |
| 41 | + flex-wrap: wrap; |
| 42 | + margin-top: 15px; |
| 43 | + } |
| 44 | + |
| 45 | + /* KLUCZOWA POPRAWKA: Stała szerokość przycisków */ |
38 | 46 | .btn { |
39 | 47 | display: inline-block; |
40 | | - padding: 10px 24px; |
| 48 | + padding: 12px 0; /* Górny/dolny padding, 0 na boki bo min-width trzyma rozmiar */ |
| 49 | + min-width: 180px; /* Wszystkie przyciski będą miały min. 180px szerokości */ |
| 50 | + text-align: center; |
41 | 51 | border-radius: 8px; |
42 | 52 | text-decoration: none; |
43 | 53 | font-weight: 600; |
44 | 54 | color: white; |
45 | 55 | transition: all 0.2s ease; |
46 | 56 | font-size: 0.9rem; |
47 | 57 | box-shadow: 0 2px 5px rgba(0,0,0,0.1); |
| 58 | + box-sizing: border-box; |
48 | 59 | } |
| 60 | + |
49 | 61 | .btn:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); opacity: 0.9; } |
50 | 62 |
|
51 | 63 | .btn-gh { background: #24292e; } |
52 | 64 | .btn-reddit { background: #FF4500; } |
53 | 65 | .btn-coffee { background: #FFDD00; color: #000; } |
54 | | - .btn-patreon { background: #FF424D; } /* Oficjalny kolor Patreon */ |
| 66 | + .btn-patreon { background: #FF424D; } |
55 | 67 |
|
56 | 68 | .focus-box { |
57 | 69 | background: #f0f7ff; |
|
0 commit comments