From a458a64969c8468cef2df68a5f527c098bd3b903 Mon Sep 17 00:00:00 2001
From: Fabian Jeglinski <f.jeglinski@28apps.de>
Date: Sun, 16 Feb 2020 13:16:48 +0100
Subject: [PATCH] add tooltip

---
 src/app/app.module.ts          | 2 ++
 src/app/map/map.component.html | 8 ++++++--
 src/app/map/map.component.scss | 4 ++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index d3a5f09..3f05de2 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -18,6 +18,7 @@ import {AddLayerComponent} from './add-layer-component/add-layer.component';
 import {FeatureManagerComponent} from './feature-management/feature-manager/feature-manager.component';
 import {CustomColorEntryComponent} from './feature-management/custom-color-entry/custom-color-entry.component';
 import {ColorPickerModule} from 'ngx-color-picker';
+import {MatTooltipModule} from '@angular/material/tooltip';
 
 @NgModule({
   declarations: [
@@ -39,6 +40,7 @@ import {ColorPickerModule} from 'ngx-color-picker';
     MatInputModule,
     MatDialogModule,
     MatTableModule,
+    MatTooltipModule,
     ColorPickerModule
   ],
   entryComponents: [
diff --git a/src/app/map/map.component.html b/src/app/map/map.component.html
index 9ee7160..c17da23 100644
--- a/src/app/map/map.component.html
+++ b/src/app/map/map.component.html
@@ -30,9 +30,13 @@
   <div class="layer-control-area">
     <mat-card>
       <mat-card-header>
-        <mat-card-title>Layer</mat-card-title>
+        <mat-card-title>Layer
+        </mat-card-title>
         <div class="controls">
-          <i class="material-icons" (click)="addLayer()">add_circle</i>
+          <i class="material-icons"
+             matTooltip="Über diese Schaltfläche können Sie neue Layer hinzufügen.
+             Bitte beachten Sie, dass die Reihenfolge der Layer in der Liste umgekehrt gegenüber Reihenfolge in der Map ist."
+             (click)="addLayer()">add_circle</i>
         </div>
       </mat-card-header>
       <mat-card-content>
diff --git a/src/app/map/map.component.scss b/src/app/map/map.component.scss
index 87651ab..7cc0469 100644
--- a/src/app/map/map.component.scss
+++ b/src/app/map/map.component.scss
@@ -40,6 +40,10 @@
   .layer-control-area {
     max-width:25vw;
 
+    .controls {
+      cursor: pointer;
+    }
+
     .layer-list {
       max-width: 100%;
       border: solid 1px #ccc;