refactor: cleanup dish list item layout

src/app/modules/data/elements/offers-in-list.html

@@ -14,17 +14,17 @@
   -->
 
 <div>
-  <ion-text *ngIf="price && !soldOut">
+  <ion-text *ngIf="price && !soldOut" style="white-space: nowrap">
     <h2>
       {{ price | currency: 'EUR':'symbol':undefined:'de' }}
     </h2>
   </ion-text>
-  <ion-text *ngIf="soldOut" color="danger">
+  <ion-text *ngIf="soldOut" color="danger" class="sold-out" style="white-space: nowrap">
     <h2>
       {{ 'data.detail.offers.sold_out' | translate }}
     </h2>
   </ion-text>
-  <p *ngIf="_offers[0].inPlace && !soldOut" class="place">
+  <p *ngIf="_offers[0].inPlace && !soldOut" class="place" style="white-space: nowrap">
     <ion-icon name="pin_drop"></ion-icon>{{ _offers[0].inPlace.name
     }}<span *ngIf="_offers.length > 1">...</span>
   </p>

src/app/modules/data/list/data-list-item.scss

@@ -43,6 +43,7 @@ ion-item {
 
   ion-label {
     width: 100%;
+    margin-right: 0;
 
     div {
       display: flex;

src/app/modules/data/types/dish/dish-list-item.html

@@ -14,8 +14,8 @@
   -->
 
 <ion-grid>
-  <ion-row>
+  <ion-row class="ion-justify-content-between">
-    <ion-col>
+    <ion-col size="11" size-sm="10">
       <div class="ion-text-wrap">
         <ion-label class="title">{{ 'name' | thingTranslate: item }}</ion-label>
         <p class="title-sub ion-hide-sm-down">
@@ -24,7 +24,7 @@
         <stapps-dish-characteristics [item]="item"></stapps-dish-characteristics>
       </div>
     </ion-col>
-    <ion-col width-10 text-right>
+    <ion-col>
       <div class="ion-text-end">
         <stapps-offers-in-list *ngIf="item.offers" [offers]="item.offers"></stapps-offers-in-list>
       </div>