From c454620ae1acdc7ad493ba3499e71b39be12ca65 Mon Sep 17 00:00:00 2001
From: elpatron <m.busche@gmail.com>
Date: Wed, 19 Mar 2025 15:01:59 +0100
Subject: [PATCH] Release v1.2.9: Verbesserte Adress-Links und
 Docker-Port-Mapping

---
 CHANGELOG.md          |  5 +++++
 README.md             |  3 ++-
 static/css/styles.css | 20 ++++++++++++++++++++
 templates/index.html  |  9 ++++-----
 4 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3f928d5..7a1f5b3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,11 @@ Alle wichtigen Änderungen an diesem Projekt werden in dieser Datei dokumentiert
 Das Format basiert auf [Keep a Changelog](https://keepachangelog.com/de/1.0.0/),
 und dieses Projekt adhäriert zu [Semantic Versioning](https://semver.org/lang/de/).
 
+## [v1.2.9] - 2024-03-19
+### Geändert
+- Verbesserte Darstellung der Adress-Links mit Location- und Route-Icons
+- Korrektur des Docker-Port-Mappings für bessere Erreichbarkeit
+
 ## [v1.2.8] - 2024-03-19
 ### Geändert
 - Verbesserte Tag-Anzeige: Badge neben dem Teilen-Button mit farblicher Hervorhebung (blau für MEDISOFT, orange für MEDICONSULT)
diff --git a/README.md b/README.md
index 4ca2721..041e492 100644
--- a/README.md
+++ b/README.md
@@ -10,10 +10,11 @@ Eine moderne Webanwendung zur Suche und Verwaltung von Kundendaten, die MEDISOFT
 - 🔗 Direkte Integration mit MEDISOFT
 - 🏥 Unterscheidung zwischen MEDISOFT und MEDICONSULT Kunden
 - 🎨 Farbliche Hervorhebung der Kundentypen (blau für MEDISOFT, orange für MEDICONSULT)
+- 📍 Verbesserte Adress-Links mit Location- und Route-Icons
 
 ## Version
 
-Aktuelle Version: v1.2.8
+Aktuelle Version: v1.2.9
 
 ## Installation
 
diff --git a/static/css/styles.css b/static/css/styles.css
index 0b318c4..7ec6d28 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -270,4 +270,24 @@ body {
 
 .tag-mediconsult {
     background-color: #ff9800;
+}
+
+/* Adress-Links */
+.address-text {
+    margin-right: 5px;
+}
+
+.address-link, .route-link {
+    color: #666;
+    text-decoration: none;
+    margin-left: 5px;
+    transition: color 0.2s;
+}
+
+.address-link:hover, .route-link:hover {
+    color: #0d6efd;
+}
+
+.location-pin, .route-pin {
+    font-size: 1.1em;
 } 
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index eac75af..ae14a33 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -110,7 +110,7 @@
     <footer class="footer">
         <div class="footer-content">
             Proudly made with ❤️ and 🍺 by <a href="https://www.medisoftware.de" target="_blank" class="footer-link">medisoftware</a>
-            <div style="font-size: 0.8em;">Version: v1.2.8</div>
+            <div style="font-size: 0.8em;">Version: v1.2.9</div>
         </div>
     </footer>
 
@@ -162,11 +162,11 @@
             return `<span class="address-text">${address}</span>
                     <a href="https://www.google.com/maps/search/?api=1&query=${searchQuery}" 
                     class="address-link" target="_blank" rel="noopener noreferrer">
-                    <i class="fa-solid fa-location-pin location-pin"></i>
+                    <i class="fa-solid fa-location-dot location-pin"></i>
                    </a>
                    <a href="https://www.google.com/maps/dir/?api=1&destination=${routeQuery}" 
                    class="route-link" target="_blank" rel="noopener noreferrer">
-                   <i class="fa-solid fa-car route-pin"></i>
+                   <i class="fa-solid fa-route route-pin"></i>
                    </a>`;
         }
 
@@ -265,12 +265,11 @@
                         </div>
                         <div class="card-text">
                             <p><strong>Nummer:</strong> ${customer.nummer}</p>
-                            <p><strong>Adresse:</strong> ${customer.strasse}, ${customer.plz} ${customer.ort}</p>
+                            <p><strong>Adresse:</strong> ${createAddressLink(customer.strasse, customer.plz, customer.ort)}</p>
                             <p><strong>Telefon:</strong> ${createPhoneLink(customer.telefon)}</p>
                             <p><strong>Mobil:</strong> ${createPhoneLink(customer.mobil)}</p>
                             <p><strong>E-Mail:</strong> ${createEmailLink(customer.email)}</p>
                             <p><strong>Fachrichtung:</strong> ${customer.fachrichtung}</p>
-                            <p><strong>Tag:</strong> ${customer.tag}</p>
                             ${customer.tags && customer.tags.length > 0 ? `
                                 <p><strong>Tags:</strong> 
                                     ${customer.tags.map(tag => `<span class="badge bg-primary me-1">${tag}</span>`).join('')}