Merge pull request #59 from Spythere/development

Hotfix: too big font size for landscape viewport

src/App.vue

@@ -45,7 +45,7 @@ function handleMigrationInfo() {
 
   // Do not show if already acknowledged
   if (showInfo === 'false') return;
-  
+
   setTimeout(() => {
     store.isMigrationInfoOpen = true;
   }, 2000);
@@ -82,9 +82,5 @@ function loadStockDataFromStorage() {
   @include responsive.midScreen {
     font-size: calc(0.7rem + 0.75vw);
   }
-
-  @include responsive.midScreenLandscape {
-    font-size: calc(0.75rem + 0.4vw);
-  }
 }
 </style>

src/styles/_responsive.scss

@@ -14,7 +14,7 @@ $breakpointSm: 550px;
 }
 
 @mixin midScreenLandscape() {
-  @media only screen and (orientation: landscape) and (max-device-height: $breakpointMd) {
+  @media only screen and (orientation: landscape) and (max-width: $breakpointMd) {
     @content;
   }
 }