refactor: layout detail adjustments

refactor: increase contrast of toolbar fav button
refactor: remove non working localization for news
refactor: equalize tab bar in top toolbar
refactor: padding on map buttons and rename them
refactor: repair profile card alignments for safari
refactor: fix dashboard resize behavior on safari
refactor: make title card button reachable again
refactor: put card hover in media query
refactor: realign schedule view toolbar
refactor: adjust toolbar heights
refactor: introduce proper header logo

src/app/modules/catalog/catalog.component.html

@@ -6,21 +6,23 @@
     <!--TODO: read this from the config (menu item title)-->
     <ion-title>{{ 'catalog.title' | translate | titlecase }}</ion-title>
   </ion-toolbar>
+  <ion-toolbar color="primary" mode="md">
+    <ion-segment
+      (ionChange)="segmentChanged($event)"
+      [value]="selectedSemesterUID"
+      mode="md"
+    >
+      <ion-segment-button
+        *ngFor="let semester of availableSemesters"
+        [value]="semester.uid"
+      >
+        <ion-label>{{ semester.acronym }}</ion-label>
+      </ion-segment-button>
+    </ion-segment>
+  </ion-toolbar>
 </ion-header>
 
 <ion-content>
-  <ion-segment
-    (ionChange)="segmentChanged($event)"
-    [value]="selectedSemesterUID"
-    mode="md"
-  >
-    <ion-segment-button
-      *ngFor="let semester of availableSemesters"
-      [value]="semester.uid"
-    >
-      <ion-label>{{ semester.acronym }}</ion-label>
-    </ion-segment-button>
-  </ion-segment>
   <ion-list *ngIf="catalogs && catalogs.length > 0">
     <ion-item
       *ngFor="let catalog of catalogs"

src/app/modules/catalog/catalog.component.scss

@@ -7,3 +7,9 @@ ion-segment-button {
 .margin-top {
   margin-top: 20vh;
 }
+
+ion-toolbar.in-toolbar {
+  &:last-of-type {
+    padding: 0 !important;
+  }
+}