add label for new button settings #176

Signed-off-by: nicolaskolbenschlag <nicolas.kolbenschlag@googlemail.com>

Apps/frontend/src/components/SettingsButton.svelte

@@ -5,6 +5,8 @@
   import { getAllChannelConfig } from "../rest/ChannelConfigController";
   import { availableChannelConfigPresets } from "../stores";
   import { clickOutside } from "../helper";
+  import { Tooltip } from "sveltestrap";
+  import { TOOLTIP_BUTTON_SETTINGS } from "../labels";
 
   $: panelHeight = 0;
 
@@ -17,6 +19,7 @@
     $presetPopupOpen = true;
     loadAllChannelConfigPresets();
   }
+  let button;
 </script>
 
 {#if $presetPopupOpen}
@@ -32,10 +35,12 @@
   </nav>
 {/if}
 
-<div>
-  <button
-    class="icon-button mui-icon--settings"
-    on:click={showPopup}
-    data-cy="settings-button"
-  />
-</div>
+<button
+  bind:this={button}
+  class="icon-button mui-icon--settings"
+  on:click={showPopup}
+  data-cy="settings-button"
+/>
+<Tooltip target={button} placement="bottom">
+  {TOOLTIP_BUTTON_SETTINGS}
+</Tooltip>

Apps/frontend/src/labels.js

@@ -3,11 +3,12 @@
 export const LABEL_HEADER_LOAD_FROM_LIST_CHANNEL_CONFIG = "Load Existing:";
 export const LABEL_HEADER_CREATE_CHANNEL_CONFIG = "Create New: ";
 
-export const TOOLTIP_BUTTON_GND = "GND";
-export const TOOLTIP_BUTTON_DISTRIBUTE = "Distributes enabled channels vertically";
-export const TOOLTIP_BUTTON_RESET = "Cleans the canvas and stops plotting";
+export const TOOLTIP_BUTTON_GND = "Enable GND";
+export const TOOLTIP_BUTTON_DISTRIBUTE = "Distribute vertically";
+export const TOOLTIP_BUTTON_RESET = "Clean canvas and stop";
 export const TOOLTIP_BUTTON_OFFOFF_ON = "Turn on";
 export const TOOLTIP_BUTTON_OFFOFF_OFF = "Turn off";
+export const TOOLTIP_BUTTON_SETTINGS = "Open settings";
 
 /* Log messages */
 export const ERR_MSG_COULD_NOT_RETRIEVE_CHANNEL_CONFIG =