Updated zoom controls

This commit is contained in:
Steven 2021-04-14 12:43:57 -04:00
parent 2350f88c59
commit 20afbbcb5b
2 changed files with 19 additions and 5 deletions

View File

@ -204,13 +204,28 @@
>
<mat-icon>zoom_out_map</mat-icon>
</button>
<button matTooltip="Zoom in" matTooltipClass="custom-tooltip" class="zoom-button" (click)="zoomIn()">
<button
matTooltip="Zoom in"
matTooltipClass="custom-tooltip"
class="zoom-button"
mat-icon-button
(click)="zoomIn()">
<mat-icon>zoom_in</mat-icon>
</button>
<button matTooltip="Reset zoom" matTooltipClass="custom-tooltip" class="reset-zoom-button" (click)="resetZoom()">
<button
matTooltip="Reset zoom"
matTooltipClass="custom-tooltip"
class="reset-zoom-button"
mat-icon-button
(click)="resetZoom()">
<mat-icon>adjust</mat-icon>
</button>
<button matTooltip="Zoom out" matTooltipClass="custom-tooltip" class="zoom-button" (click)="zoomOut()">
<button
matTooltip="Zoom out"
matTooltipClass="custom-tooltip"
class="zoom-button"
mat-icon-button
(click)="zoomOut()">
<mat-icon>zoom_out</mat-icon>
</button>
</div>

View File

@ -149,8 +149,7 @@ g.node:hover {
color: white;
mat-icon {
font-size: 16px !important;
margin-top: 8px;
font-size: 18px !important;
}
}