Fix layout issues when more than 5 apps are available.

destrostudios · Feb 18, 2021 · 30b42ec · 30b42ec
1 parent 1d734de
commit 30b42ec
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "destrostudios",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "destrostudios cross-game launcher, offering the possibility to login, download, update and start games.",
   "author": "destrostudios",
   "license": "MIT",

diff --git a/src/app/pages/store/store.component.html b/src/app/pages/store/store.component.html
@@ -4,7 +4,7 @@ <h1>{{ ('FEATURED' | translate) + ': ' }}</h1>
     <div class="featured-title">{{featuredApp.name}}</div>
   </a>
   <div class="container">
-    <h1 translate="ALL"></h1>
+    <h1>{{ ('ALL' | translate) + ': ' }}</h1>
     <div class="all">
       <a *ngFor="let app of (apps | async)"
         [routerLink]="'/store/' + app.id">

diff --git a/src/app/pages/store/store.component.scss b/src/app/pages/store/store.component.scss
@@ -8,7 +8,8 @@ main {
 }
 
 .featured {
-  flex-grow: 1;
+  flex-shrink: 0;
+  flex-basis: 209px;
   padding: $baseline-2 25px;
   text-decoration: none;
 
@@ -28,6 +29,7 @@ main {
 .container {
   padding: $baseline-2 25px $baseline-2 25px;
   background: #000000F0;
+  overflow-y: scroll;
 }
 
 .all {

diff --git a/src/package.json b/src/package.json
@@ -1,6 +1,6 @@
 {
   "name": "destrostudios",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Destrostudios cross-game launcher, offering the possibility to login, download, update and start games.",
   "author": "destrostudios",
   "main": "electron-main.js",