fix: canteen module layout

src/app/modules/data/detail/data-detail.html

@@ -7,7 +7,7 @@
     <ion-title>{{ 'data.detail.TITLE' | translate }}</ion-title>
   </ion-toolbar>
 </ion-header>
-<ion-content class="ion-padding">
+<ion-content class="ion-no-padding">
   <ion-refresher slot="fixed" (ionRefresh)="refresh($event.target)">
     <ion-refresher-content
       pullingIcon="chevron-down-outline"

src/app/modules/data/types/place/special/mensa/place-mensa-detail.component.ts

@@ -27,6 +27,7 @@ import {PlaceMensaService} from './place-mensa-service';
   providers: [PlaceMensaService],
   selector: 'stapps-place-mensa-detail-content',
   templateUrl: 'place-mensa.html',
+  styleUrls: ['place-mensa.scss'],
 })
 export class PlaceMensaDetailComponent implements AfterViewInit {
   /**

src/app/modules/data/types/place/special/mensa/place-mensa.html

@@ -1,11 +1,9 @@
 <ng-container>
   <div *ngIf="dishes | async as dishes; else loading">
-    <ion-segment [(ngModel)]="selectedDay">
-      <ion-segment-button
-        *ngFor="let date of dishes | keyvalue"
-        [value]="date.key"
-      >
-        <ion-label>{{ date.key | amDateFormat: 'dddd, L' }}</ion-label>
+    <ion-segment [(ngModel)]="selectedDay" mode="md">
+      <ion-segment-button *ngFor="let day of dishes | keyvalue" [value]="day.key">
+        <ion-label class="ion-hide-sm-down">{{day.key | amLocal | amDateFormat:'dddd, l'}}</ion-label>
+        <ion-label class="ion-hide-sm-up">{{day.key | amLocal | amDateFormat:'dd, l'}}</ion-label>
       </ion-segment-button>
     </ion-segment>
     <div [ngSwitch]="selectedDay">

src/app/modules/data/types/place/special/mensa/place-mensa.scss

@@ -0,0 +1,18 @@
+ion-segment-button {
+  text-transform: none;
+}
+
+ion-segment {
+  justify-content: space-between;
+  overflow: auto;
+
+  &::-webkit-scrollbar {
+      width: 0;
+      height: 0;
+      display: none;
+  }
+
+  ion-segment-button.segment-button {
+      flex: 1 0 100px;
+  }
+}

src/global.scss

@@ -9,6 +9,7 @@
 @import "~@ionic/angular/css/text-alignment.css";
 @import "~@ionic/angular/css/text-transformation.css";
 @import "~@ionic/angular/css/flex-utils.css";
+@import "~@ionic/angular/css/display.css";
 
 /* StApps */