From 9e3f2eec0259f9205134b24a373a49d911edafeb Mon Sep 17 00:00:00 2001
From: archos <archos@archoslinux.cz>
Date: Sun, 9 Feb 2025 11:37:27 +0100
Subject: [PATCH] =?UTF-8?q?Fix:=20Centrovan=C3=A1=20tabulka=20v=20archivu?=
 =?UTF-8?q?=20(2024.html),=20oprava=20=C5=A1=C3=AD=C5=99ky,=20smaz=C3=A1n?=
 =?UTF-8?q?=20soubor=20finance=5F2024=5Fcorrected.csv?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 2024.html                  | 30 +++++++++++----------
 finance_2024_corrected.csv | 16 ------------
 styly.css                  | 53 ++++++++++++++++++++++++++------------
 3 files changed, 53 insertions(+), 46 deletions(-)
 delete mode 100644 finance_2024_corrected.csv
diff --git a/2024.html b/2024.html
index d946db2..6c7083f 100644
--- a/2024.html
+++ b/2024.html
@@ -7,19 +7,23 @@
 </head>
 <body>
     <h2 class="archive-title">Přehled Financí za rok 2024</h2>
-    <table id="finance-table" border="1">
-        <thead>
-            <tr>
-                <th>Datum</th>
-                <th>Popis</th>
-                <th>Částka</th>
-                <th>Měna</th>
-                <th>Typ</th>
-            </tr>
-        </thead>
-        <tbody>
-        </tbody>
-    </table>
+    
+    <!-- Obalíme tabulku do kontejneru pro centrování -->
+    <div class="archive-table-container">
+        <table id="finance-table" class="table table-striped mb-3 archive-table">
+            <thead>
+                <tr>
+                    <th>Datum</th>
+                    <th>Popis</th>
+                    <th>Částka</th>
+                    <th>Měna</th>
+                    <th>Typ</th>
+                </tr>
+            </thead>
+            <tbody>
+            </tbody>
+        </table>
+    </div>
 
     <script>
         fetch('finance_2024.csv')
diff --git a/finance_2024_corrected.csv b/finance_2024_corrected.csv
deleted file mode 100644
index 17e1a7f..0000000
--- a/finance_2024_corrected.csv
+++ /dev/null
@@ -1,16 +0,0 @@
-# Vytvoření testovacího DataFrame s podobnou strukturou jako uživatelův CSV soubor
-data_corrected = {
-    'Datum': ['2024-06-04', '2024-06-05', '2024-06-10', '2024-06-17', '2024-06-18'],
-    'Popis': ['Stav účtu', 'Příspěvek @tritol128', 'Příspěvek @fabia_man', 'Příspěvek @Onqa6', 'Příspěvek D.Kolaja'],
-    'Částka': [9253.0, 512.0, 100.0, 100.0, 111.0],
-    'Měna': ['CZK', 'CZK', 'CZK', 'CZK', 'CZK'],
-    'Typ': ['Příjem', 'Příjem', 'Příjem', 'Příjem', 'Příjem']
-}
-
-df_corrected = pd.DataFrame(data_corrected)
-
-# Uložení do CSV souboru
-corrected_csv_path = "/mnt/data/finance_2024_corrected.csv"
-df_corrected.to_csv(corrected_csv_path, index=False)
-
-corrected_csv_path
diff --git a/styly.css b/styly.css
index 0323935..7da061d 100644
--- a/styly.css
+++ b/styly.css
@@ -33,8 +33,8 @@ a[rel="me"] {
 }
 .dropdown {
     display: flex;
-    justify-content: flex-end; /* Posune tlačítko doprava */
-    margin-right: 20px; /* Přidá trochu prostoru od kraje */
+    justify-content: flex-end;
+    margin-right: 20px;
 }
 header .d-flex {
     display: flex;
@@ -47,10 +47,7 @@ header h1 {
     text-align: center;
 }
 
-.dropdown {
-    margin-right: 20px;
-}
-/* Hlavní tabulka zůstává stejná, NEUPRAVUJEME */
+/* Hlavní tabulka - beze změn */
 #finance-table {
     width: 100%;
     margin-top: 20px;
@@ -76,13 +73,30 @@ header h1 {
     border-bottom: 1px solid #ddd;
 }
 
-/* Zvýraznění jen pro archivní tabulku */
+/* Speciální úpravy pro archivní tabulku */
+.archive-table-container {
+    max-width: 1000px; /* Pevná maximální šířka tabulky */
+    width: 100%;
+    margin: 0 auto; /* Centrované umístění */
+    padding: 20px;
+}
+
+/* Archivní tabulka - nebude přes celý monitor */
+.archive-table {
+    width: 100%;
+    border-collapse: collapse;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    overflow: hidden;
+}
+
+/* Zvýraznění řádků pro archivní tabulku */
 .archive-table tbody tr:nth-child(even) {
-    background-color: #e6e6e6; /* Lehce tmavší šedá */
+    background-color: #d9d9d9; /* O něco tmavší šedá */
 }
 
 .archive-table tbody tr:nth-child(odd) {
-    background-color: #f5f5f5; /* Lehce světlejší šedá */
+    background-color: #f2f2f2; /* O něco světlejší šedá */
 }
 
 /* Barevné odlišení příjmů a výdajů pro archivní tabulku */
@@ -98,18 +112,23 @@ header h1 {
 
 /* Responzivní design */
 @media (max-width: 768px) {
+    .archive-table-container {
+        max-width: 100%; /* Na mobilech bude tabulka široká 100% */
+    }
     #finance-table th, #finance-table td {
         padding: 8px;
         font-size: 14px;
     }
 }
+
+/* Zvýraznění nadpisu archivu */
 .archive-title {
-    text-align: center; /* Zarovnání na střed */
-    font-size: 26px; /* Zvýšení velikosti písma */
-    font-weight: bold; /* Tučné písmo */
-    color: #343a40; /* Tmavší barva pro lepší kontrast */
-    text-transform: uppercase; /* Velká písmena */
-    margin-bottom: 20px; /* Větší mezera pod nadpisem */
-    border-bottom: 3px solid #218838; /* Zelená linka pod nadpisem */
-    padding-bottom: 8px; /* Oddělení nadpisu linkou */
+    text-align: center;
+    font-size: 26px;
+    font-weight: bold;
+    color: #343a40;
+    text-transform: uppercase;
+    margin-bottom: 20px;
+    border-bottom: 3px solid #218838;
+    padding-bottom: 8px;
 }
