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/theme/common/_ion-toolbar.scss

@@ -11,8 +11,13 @@ app-root ion-toolbar.in-toolbar {
   --opacity: 1;
   padding: 0 var(--spacing-md) var(--spacing-md);
 
+  &:first-of-type{
+    --padding-top: 0;
+    --padding-bottom: 0;
+    padding-bottom: 0;
+  }
+
   &:last-of-type {
-    padding-bottom: var(--spacing-md);
     --padding-top: 0;
     --padding-bottom: 0;
   }
@@ -23,6 +28,13 @@ app-root ion-toolbar.in-toolbar {
     --box-shadow: none;
   }
 
+  ion-segment {
+    &:last-of-type {
+      --padding-bottom: 0;
+      padding-bottom: 0;
+    }
+  }
+
   ion-menu-button.filter {
     --padding-start: var(--spacing-lg);
     --padding-end: var(--spacing-lg);
@@ -36,12 +48,8 @@ app-root ion-toolbar.in-toolbar {
   ion-title {
     font-weight: var(--font-weight-black);
     font-size: var(--font-size-lg);
-    text-transform: uppercase;
   }
 
-  ion-button {
-    text-transform: uppercase;
-  }
   ion-menu-button {
     width: auto;
   }

src/theme/components/_card.scss

@@ -12,10 +12,12 @@
               box-shadow 250ms ease-in-out;
 }
 
-a.card,
-.card.clickable {
-  &:hover {
-    transform: translate(-5px, -5px);
-    box-shadow: var(--shadow-cards-hover);
+@media (hover: hover) {
+  a.card,
+  .card.clickable {
+    &:hover {
+      transform: translate(-5px, -5px);
+      box-shadow: var(--shadow-cards-hover);
+    }
   }
 }

src/theme/variables.scss

@@ -136,7 +136,7 @@
 
   --icon-stroke-width: 1.2;
 
-  --tablet-top-bar-height: 100px;
+  --tablet-top-bar-height: 96px;
 
   --ion-tabbar-height: 50px;