Improve some css related stuff #2053 - improve location component as …

…well
IsraelHikingMap · Nov 1, 2024 · 8067107 · 8067107
1 parent b1825ed
commit 8067107
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/IsraelHiking.Web/src/application/components/location.component.html b/IsraelHiking.Web/src/application/components/location.component.html
@@ -1,16 +1,16 @@
 <div class="side-control maplibregl-ctrl">
-    <button mat-button (click)="toggleTracking()" [class.active]="isActive()" matTooltip="{{resources.showMeWhereIAm}}" matTooltipPosition="right" angulartics2On="click" angularticsCategory="Location" angularticsAction="Toggle GPS location">
+    <button mat-button class="mt-1" (click)="toggleTracking()" [class.active]="isActive()" matTooltip="{{resources.showMeWhereIAm}}" matTooltipPosition="right" angulartics2On="click" angularticsCategory="Location" angularticsAction="Toggle GPS location">
         <i *ngIf="isDisabled() || isActive()" class="fa fa-lg icon-crosshairs" [class.following]="isActive() && isFollowingLocation()"></i>
         <div *ngIf="isLoading()" class="spinner-container">
             <mat-spinner diameter="24"></mat-spinner>
         </div>
     </button>
-    <button mat-button (click)="toggleKeepNorthUp()" [class.active]="isKeepNorthUp()"><div [style.transform]="getRotationAngle()" matTooltip="{{resources.northUp}}" matTooltipPosition="right" angulartics2On="click" angularticsCategory="Location" angularticsAction="North Up"><i class="icon-north"></i></div></button>
-    <button mat-button *ngIf="canRecord()" (click)="toggleRecording()" [class.active]="isRecording()" angulartics2On="click" angularticsCategory="Location" angularticsAction="Toggle recording">
+    <button mat-button class="mt-1" (click)="toggleKeepNorthUp()" [class.active]="isKeepNorthUp()"><div [style.transform]="getRotationAngle()" matTooltip="{{resources.northUp}}" matTooltipPosition="right" angulartics2On="click" angularticsCategory="Location" angularticsAction="North Up"><i class="icon-north"></i></div></button>
+    <button mat-button class="mt-1" *ngIf="canRecord()" (click)="toggleRecording()" [class.active]="isRecording()" angulartics2On="click" angularticsCategory="Location" angularticsAction="Toggle recording">
         <i *ngIf="!isRecording()" class="fa fa-lg icon-circle recording-button"></i>
         <i *ngIf="isRecording()" class="fa fa-lg icon-square"></i>
     </button>
-    <button mat-button *ngIf="isRecording()" (click)="toggleAddRecordingPoi()" [class.active]="isAddingRecordingPoi()" angulartics2On="click" angularticsCategory="Location" angularticsAction="Toggle add recording POI">
+    <button mat-button class="mt-1" *ngIf="isRecording()" (click)="toggleAddRecordingPoi()" [class.active]="isAddingRecordingPoi()" angulartics2On="click" angularticsCategory="Location" angularticsAction="Toggle add recording POI">
         <i class="fa fa-lg icon-map-marker" [style.color]="resources.recordedRouteColor"></i>
     </button>
 </div>