From 806710770e83968c9036ac7750d07ba81d6e33f5 Mon Sep 17 00:00:00 2001
From: HarelM <harel.mazor@gmail.com>
Date: Fri, 1 Nov 2024 22:37:21 +0200
Subject: [PATCH] Improve some css related stuff #2053 - improve location
 component as well

---
 .../src/application/components/location.component.html    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/IsraelHiking.Web/src/application/components/location.component.html b/IsraelHiking.Web/src/application/components/location.component.html
index bdbdc470f..cea381746 100644
--- 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>