feat: 💄 Augment line chart button size for mobile usage

Kwaadpepper · Oct 4, 2024 · a231917 · a231917
1 parent 2daa589
commit a231917
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/app/components/olympic-country-line-chart/olympic-country-line-chart.component.html b/src/app/components/olympic-country-line-chart/olympic-country-line-chart.component.html
@@ -1,18 +1,18 @@
 <div class="center-toolbar">
   <sl-button-group>
-    <sl-button class="teal" (click)="onPanLeft();$event.stopPropagation();">
+    <sl-button size="large" class="teal" (click)="onPanLeft();$event.stopPropagation();">
       <sl-icon name="arrow-left-circle" [title]="panLeftLabel"></sl-icon>
     </sl-button>
-    <sl-button class="teal" (click)="onPanRight();$event.stopPropagation();">
+    <sl-button size="large" class="teal" (click)="onPanRight();$event.stopPropagation();">
       <sl-icon name="arrow-right-circle" [title]="panRightLabel"></sl-icon>
     </sl-button>
-    <sl-button class="teal" (click)="onZoomIn();$event.stopPropagation();">
+    <sl-button size="large" class="teal" (click)="onZoomIn();$event.stopPropagation();">
       <sl-icon name="zoom-in" [title]="zoomInLabel"></sl-icon>
     </sl-button>
-    <sl-button class="teal" (click)="onZoomOut();$event.stopPropagation();">
+    <sl-button size="large" class="teal" (click)="onZoomOut();$event.stopPropagation();">
       <sl-icon name="zoom-out" [title]="zoomOutLabel"></sl-icon>
     </sl-button>
-    <sl-button class="teal" (click)="onResetZoom();$event.stopPropagation();">
+    <sl-button size="large" class="teal" (click)="onResetZoom();$event.stopPropagation();">
       <sl-icon name="arrow-repeat" [title]="zoomResetLabel"></sl-icon>
     </sl-button>
   </sl-button-group>