From ef7bb010433c9ba7cae233f7bc19dd260ecde432 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emanuel=20Sch=C3=BCtze?= <emanuel@intevation.de>
Date: Sat, 5 Oct 2019 09:59:40 +0200
Subject: [PATCH] Set h4 font-size. Added tooltips for projector controls.

---
 .../projector-detail.component.html            | 18 +++++++++++-------
 client/src/styles.scss                         |  2 +-
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/client/src/app/site/projector/components/projector-detail/projector-detail.component.html b/client/src/app/site/projector/components/projector-detail/projector-detail.component.html
index 96868c15c..497cf0deb 100644
--- a/client/src/app/site/projector/components/projector-detail/projector-detail.component.html
+++ b/client/src/app/site/projector/components/projector-detail/projector-detail.component.html
@@ -15,16 +15,19 @@
             </a>
             <!-- Controls under the projector preview -->
             <div *osPerms="'core.can_manage_projector'" class="control-group projector-controls">
-                <!-- scale up -->
-                <button type="button" mat-icon-button (click)="scale(scrollScaleDirection.Up)">
-                    <mat-icon>zoom_in</mat-icon>
-                </button>
                 <!-- scale down -->
-                <button type="button" mat-icon-button (click)="scale(scrollScaleDirection.Down)">
+                <button type="button" mat-icon-button (click)="scale(scrollScaleDirection.Down)"
+                    matTooltip="{{ 'Zoom out' | translate }}">
                     <mat-icon>zoom_out</mat-icon>
                 </button>
+                <!-- scale up -->
+                <button type="button" mat-icon-button (click)="scale(scrollScaleDirection.Up)"
+                    matTooltip="{{ 'Zoom in' | translate }}">
+                    <mat-icon>zoom_in</mat-icon>
+                </button>
                 <!-- reset button -->
-                <button type="button" mat-icon-button (click)="scale(scrollScaleDirection.Reset)">
+                <button type="button" mat-icon-button (click)="scale(scrollScaleDirection.Reset)"
+                    matTooltip="{{ 'Reset' | translate }}">
                     <mat-icon>refresh</mat-icon>
                 </button>
                 <!-- scaling indicator -->
@@ -70,7 +73,8 @@
                     <mat-icon>arrow_downward</mat-icon>
                 </button>
                 <!-- reset button -->
-                <button type="button" mat-icon-button (click)="scroll(scrollScaleDirection.Reset)">
+                <button type="button" mat-icon-button (click)="scroll(scrollScaleDirection.Reset)"
+                    matTooltip="{{ 'Reset' | translate }}">
                     <mat-icon>refresh</mat-icon>
                 </button>
                 <!-- scroll indicator -->
diff --git a/client/src/styles.scss b/client/src/styles.scss
index 58c851c97..b478a534c 100644
--- a/client/src/styles.scss
+++ b/client/src/styles.scss
@@ -247,7 +247,7 @@ h3 {
 
 h4 {
     font-weight: 400;
-    font-size: 12px;
+    font-size: 100%;
     margin-bottom: 5px;
 
     .mat-icon-button mat-icon {