Version 1.2.16: Verbesserte Darstellung der Suchergebnisse und Code-Organisation

static/css/styles.css

@@ -182,18 +182,78 @@ body {
 .customer-card {
     background: white;
     border-radius: 8px;
-    padding: 1.5rem;
-    margin-bottom: 1.5rem;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-    border-bottom: 1px solid #e9ecef;
-}
-
-.customer-card:last-child {
-    border-bottom: none;
-}
-
-.customer-info {
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
     margin-bottom: 1rem;
+    padding: 1rem;
+}
+
+.customer-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 0.5rem;
+}
+
+.customer-name {
+    margin: 0;
+    font-size: 1.2rem;
+    color: #333;
+}
+
+.customer-actions {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.customer-details {
+    font-size: 0.9rem;
+    color: #666;
+}
+
+.customer-details p {
+    margin: 0.25rem 0;
+}
+
+.customer-details strong {
+    color: #333;
+}
+
+.phone-link, .email-link, .customer-link {
+    color: #007bff;
+    text-decoration: none;
+}
+
+.phone-link:hover, .email-link:hover, .customer-link:hover {
+    text-decoration: underline;
+}
+
+.address-text {
+    margin-right: 0.5rem;
+}
+
+.address-link, .route-link {
+    color: #6c757d;
+    text-decoration: none;
+    margin-left: 0.5rem;
+}
+
+.address-link:hover, .route-link:hover {
+    color: #343a40;
+}
+
+.location-pin, .route-pin {
+    font-size: 0.9rem;
+}
+
+.badge {
+    font-size: 0.8rem;
+    padding: 0.35em 0.65em;
+}
+
+.btn-sm {
+    padding: 0.25rem 0.5rem;
+    font-size: 0.875rem;
 }
 
 .footer-content {
@@ -272,22 +332,26 @@ body {
     background-color: #ff9800;
 }
 
-/* Adress-Links */
-.address-text {
-    margin-right: 5px;
+.autocomplete-items {
+    position: absolute;
+    border: 1px solid #d4d4d4;
+    border-top: none;
+    z-index: 99;
+    top: 100%;
+    left: 0;
+    right: 0;
+    background-color: white;
+    max-height: 200px;
+    overflow-y: auto;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
 
-.address-link, .route-link {
-    color: #666;
-    text-decoration: none;
-    margin-left: 5px;
-    transition: color 0.2s;
+.autocomplete-items div {
+    padding: 8px 12px;
+    cursor: pointer;
+    background-color: white;
 }
 
-.address-link:hover, .route-link:hover {
-    color: #0d6efd;
-}
-
-.location-pin, .route-pin {
-    font-size: 1.1em;
+.autocomplete-items div:hover {
+    background-color: #f8f9fa;
 }