@if (feature; as feature) {
  <div class="d-flex m-0">
    <div class="p-2">
      <div class="thumbnail">
        <fm-map-feature-thumbnail [feature]="feature"></fm-map-feature-thumbnail>
      </div>
    </div>
    <div class="flex-grow p-2 overflow-hidden">
      <h1 class="card-title" title="{{feature.get('name')}}">{{feature.get('name')}}</h1>
      <div class="card-text"><span>{{areaInHa(feature)| number:'1.2-2'}}
        ha</span>&nbsp;<span>{{feature.get('cropTypeName')}}</span> </div>
        <div class="card-text"><span>{{feature.get('datadate')|date}}</span> -
        <span>{{feature.get('dataenddate')|date}}</span> </div>
      </div>
    </div>
  }