AW-784 Reapply from Farmmaps commits

- 47deb5f6: AW-772 Panels

projects/common-map/src/fm-map/components/selected-item-shape/selected-item-shape.component.html

@@ -3,8 +3,11 @@
   <div class="card border-0">
     <div class="card-body">
       <div class="mb-2"><a href="#" (click)="handleBackToList($event)" i18n>Back</a></div>
+      <div class="card menu-card">
         <h1>{{item.name}}</h1>
+      </div>
       <div class="legend-container" *ngIf="item?.data.layers;let layers">
+        <div class="card menu-card">
           <div *ngIf="layers.length>1">
             <select (change)="onLayerChanged($event.target.value)">
               <option *ngFor="let l of layers;" [value]="l.index">{{l.name}}</option>
@@ -12,6 +15,8 @@
           </div>
           <fm-map-layer-legend [showTitle]="layers.length==1" [layer]="layers[selectedLayer]" [histogramenabled]="true"></fm-map-layer-legend>
         </div>
+      </div>
+      <div class="card menu-card">
         <ul class="p-0 mt-2">
           <!--<li><a href="/api/v1/items/{{item.code}}/file" class="mt-1 mr-1" i18n><i class="fa fa-download" aria-hidden="true" title="Download"></i> Download</a></li>-->
           <li><a href="#" class="mt-1 mr-1" (click)="handleOnEdit(item)" i18n><i class="fa fa-pencil" aria-hidden="true" title="Edit"></i> Edit</a></li>
@@ -20,3 +25,4 @@
       </div>
     </div>
   </div>
+</div>