# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1568645189 -7200
# Node ID 9842812b92e08f811c36e0ed974feca8cad06e29
# Parent  3b36c4d810b0d071c256676dfcb564cbaf5ec128
identify: fix numbers for nsc

diff -r 3b36c4d810b0 -r 9842812b92e0 client/src/components/identify/Identify.vue
--- a/client/src/components/identify/Identify.vue	Mon Sep 16 16:41:56 2019 +0200
+++ b/client/src/components/identify/Identify.vue	Mon Sep 16 16:46:29 2019 +0200
@@ -5,7 +5,7 @@
       { expanded: showIdentify }
     ]"
   >
-    <div style="width: 18rem">
+    <div style="width: 20rem">
       <UIBoxHeader
         icon="info"
         :title="identifiedLabel"
@@ -262,10 +262,18 @@
       return forecastVsRealityColorCodes[this.gaugeStatus];
     },
     gaugeStatusText() {
-      const nsc24 = this.config.gm_forecast_vs_reality_nsc_24h;
-      const nsc72 = this.config.gm_forecast_vs_reality_nsc_72h;
-      const coeffWarn = this.gaugeCoeffs ? this.gaugeCoeffs[2].value : "";
-      const coeffDanger = this.gaugeCoeffs ? this.gaugeCoeffs[0].value : "";
+      const nsc24 = Number(this.config.gm_forecast_vs_reality_nsc_24h).toFixed(
+        2
+      );
+      const nsc72 = Number(this.config.gm_forecast_vs_reality_nsc_72h).toFixed(
+        2
+      );
+      const coeffWarn = this.gaugeCoeffs
+        ? Number(this.gaugeCoeffs[2].value).toFixed(2)
+        : "";
+      const coeffDanger = this.gaugeCoeffs
+        ? Number(this.gaugeCoeffs[0].value).toFixed(2)
+        : "";
       const messagesPerState = {
         OK:
           this.$gettext("Nash-Sutcliffe") +
@@ -283,11 +291,17 @@
       return forecastVsRealityColorCodes[this.refGaugeStatus];
     },
     refGaugeStatusText() {
-      const nsc24 = this.config.gm_forecast_vs_reality_nsc_24h;
-      const nsc72 = this.config.gm_forecast_vs_reality_nsc_72h;
-      const coeffWarn = this.refGaugeCoeffs ? this.refGaugeCoeffs[2].value : "";
+      const nsc24 = Number(this.config.gm_forecast_vs_reality_nsc_24h).toFixed(
+        2
+      );
+      const nsc72 = Number(this.config.gm_forecast_vs_reality_nsc_72h).toFixed(
+        2
+      );
+      const coeffWarn = this.refGaugeCoeffs
+        ? Number(this.refGaugeCoeffs[2].value).toFixed(2)
+        : "";
       const coeffDanger = this.refGaugeCoeffs
-        ? this.refGaugeCoeffs[0].value
+        ? Number(this.refGaugeCoeffs[0].value).toFixed(2)
         : "";
       const messagesPerState = {
         OK:
diff -r 3b36c4d810b0 -r 9842812b92e0 client/src/components/layers/Layers.vue
--- a/client/src/components/layers/Layers.vue	Mon Sep 16 16:41:56 2019 +0200
+++ b/client/src/components/layers/Layers.vue	Mon Sep 16 16:46:29 2019 +0200
@@ -5,7 +5,7 @@
       { expanded: showLayers }
     ]"
   >
-    <div class="position-relative" style="width: 18rem; min-height: 350px;">
+    <div class="position-relative" style="width: 20rem; min-height: 350px;">
       <UIBoxHeader
         icon="layer-group"
         :title="label"