Google Maps Icon durch Font Awesome Pin ersetzt

2025-03-17 20:33:14 +01:00
parent 83cedcc555
commit 9f4c532d66
1 changed files with 6 additions and 1 deletions
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,6 +6,7 @@
    <title>medisoftware Kundensuche</title>
    <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
    <style>
        body {
            min-height: 100vh;
@@ -112,6 +113,10 @@
        .result-count.visible {
            display: block;
        }
+        .location-pin {
+            color: #dc3545;
+            margin-left: 4px;
+        }
    </style>
 </head>
 <body>
@@ -192,7 +197,7 @@
            return `<a href="https://www.google.com/maps/search/?api=1&query=${searchQuery}" 
                    class="address-link" target="_blank" rel="noopener noreferrer">
                    ${address}
-                    <span class="ms-1">🗺️</span>
+                    <i class="fa-solid fa-location-pin location-pin"></i>
                   </a>`;
        }