From df04397b13cc0a6a16a8135c0d407fc7563972e8 Mon Sep 17 00:00:00 2001
From: Mark van der Wal <mark.vanderwal@akkerweb.nl>
Date: Thu, 23 Jul 2020 19:39:06 +0200
Subject: [PATCH] I info icon now placed in the top right.

---
 .../fm-map/components/legend/legend.component.html | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/projects/common-map/src/fm-map/components/legend/legend.component.html b/projects/common-map/src/fm-map/components/legend/legend.component.html
index 7953fc5..5f2d503 100644
--- a/projects/common-map/src/fm-map/components/legend/legend.component.html
+++ b/projects/common-map/src/fm-map/components/legend/legend.component.html
@@ -6,6 +6,9 @@
         <b *ngIf="layer.unit">({{layer.unit}})</b>
       </div>
     </td>
+    <td>
+      <a i18n-title title="more info"><i class="fa fa-info-circle text-primary" (click)="hideHistogramDetails = !hideHistogramDetails"></i></a>
+    </td>
     <td colspan="2">
       <div class="title" *ngIf="histogramenabled">
         <h4>{{histogram}}</h4>
@@ -15,25 +18,24 @@
   </tr>
   <tr *ngFor="let entry of layer.renderer.colorMap.entries; let i = index ">
     <td class="legend-items"><span [style.background-color]="getHex(entry.color)" class="color"></span></td>
-    <td class="legend-items-text"><span *ngIf="!entry.label">{{getScaledValue(entry.value,layer.scale) | number:'1.0-2'}} {{legendunit}}</span><span *ngIf="entry.label">{{entry.label}}</span></td>    
+    <td class="legend-items-text"><span *ngIf="!entry.label">{{getScaledValue(entry.value,layer.scale) | number:'1.0-2'}} {{legendunit}}</span><span *ngIf="entry.label">{{entry.label}}</span></td>
     <td class="histogram-items">
       <div *ngIf="showHistogram()">
         <span class="bar" [style.background-color]="getHex(entry.color)" [style.width]="getPart(layer.renderer, i)">
         </span>
         <span class="bar-label">{{getLabel(layer.renderer,i)}}</span>
-      </div>     
+      </div>
     </td>
-  </tr>  
+  </tr>
   <tr *ngIf="showHistogram()">
     <td colspan="4" class="pb-2 pt-2">
-      <a i18n-title title="more info"><i class="fa fa-info-circle text-primary" (click)="hideHistogramDetails = !hideHistogramDetails"></i></a>
       <div class="info pt-2"  [ngbCollapse]="hideHistogramDetails">
         <div><span i18n>Average: </span>{{layer.renderer.band.histogram.mean| number:'1.0-3'}}</div>
         <div><span i18n>Standard deviation: </span>{{layer.renderer.band.histogram.stddev| number:'1.0-3'}}</div>
         <div><span i18n>Min: </span>{{layer.renderer.band.histogram.min| number:'1.0-3'}}</div>
         <div><span i18n>Max: </span>{{layer.renderer.band.histogram.max| number:'1.0-3'}}</div>
-        <div *ngIf="showConfidenceInterval()"><span i18n>Confidence interval:</span> {{layer.renderer.band.histogram.confidence * 100| number:'1.0-0'}}%</div>  
-      </div>  
+        <div *ngIf="showConfidenceInterval()"><span i18n>Confidence interval:</span> {{layer.renderer.band.histogram.confidence * 100| number:'1.0-0'}}%</div>
+      </div>
     </td>
   </tr>
 </table>