Migrate to mapbox #997 - Fix image text overlap - missing icon...

IsraelHikingMap · Apr 27, 2019 · 951cd46 · 951cd46
1 parent f985db8
commit 951cd46
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/IsraelHiking.Web/sources/application/components/overlays/private-poi-overlay.component.html b/IsraelHiking.Web/sources/application/components/overlays/private-poi-overlay.component.html
@@ -1,8 +1,8 @@
  <div class="mapboxgl-popup-anchor-bottom popup-like-marker" [dir]="resources.direction">
     <div class="mapboxgl-popup-content cursor-pointer" (click)="overlayClick($event)">
-        <div class="title-no-margin" [dir]="resources.getDirection(marker.title)">
+        <div class="text-center" [dir]="resources.getDirection(marker.title)">
             <img *ngIf="imageLink" [src]="resources.getResizedImageUrl(imageLink.url, 200)" class="img-placeholder" alt="{{marker.title}}" />
-            <div [ngClass]="resources.getTextAlignment(marker.title)"><i class="fa icon-{{marker.type}}" [style.color]="color"></i> {{marker.title}}<span *ngIf="marker.description">...</span></div>
+            <div [ngClass]="resources.getTextAlignment(marker.title)"><i class="fa icon-{{marker.type || 'star'}}" [style.color]="color"></i> {{marker.title}}<span *ngIf="marker.description">...</span></div>
         </div>
     </div>
     <div class="mapboxgl-popup-tip"></div>