diff --git a/app/css/card-grid.css b/app/css/card-grid.css index 5d6a80f..3e8f07f 100644 --- a/app/css/card-grid.css +++ b/app/css/card-grid.css @@ -25,8 +25,13 @@ margin-top: auto; margin-bottom: 36px; } -.mdc-card .mdc-card__primary-action .game-card__primary h2 { +.mdc-card .mdc-card__primary-action .game-card__primary .mdc-typography--headline6 { color: white; + margin-bottom: 0; +} +.mdc-card .mdc-card__primary-action .game-card__primary .mdc-typography--subtitle2 { + margin-top: 0; + margin-bottom: 0; } .mdc-card .mdc-card__action-buttons { margin-top: -48px; @@ -68,22 +73,13 @@ overflow: hidden; border-radius: 8px; } -.selected-game .top-row .mdc-card .mdc-card__primary-action .mdc-typography--headline6 { - margin-bottom: 0; -} -.selected-game .top-row .mdc-card .mdc-card__primary-action .mdc-typography--subtitle2 { - margin-top: 0; -} .selected-game .top-row .title-desc-container { display: flex; flex-direction: column; -} -.selected-game .top-row .title-desc-container .mdc-typography--headline4 { - color: white; + color: var(--color); } .selected-game .top-row .title-desc-container .mdc-typography--body2 { width: 100%; - color: white; max-height: 495px; overflow-y: auto; } @@ -115,7 +111,7 @@ width: 100%; display: flex; justify-content: space-around; - color: white; + color: var(--color); margin-top: 16px; } .selected-game .bottom-row .details div { diff --git a/app/css/home.css b/app/css/home.css index abb7832..840f22c 100644 --- a/app/css/home.css +++ b/app/css/home.css @@ -15,7 +15,7 @@ } .cards .mdc-card__primary-action { padding: 0 0 8px 16px; - color: white; + color: var(--color); } .cards .demo-card__title { margin-top: 12px; diff --git a/app/css/store.css b/app/css/store.css index 448182f..2dd9194 100644 --- a/app/css/store.css +++ b/app/css/store.css @@ -41,9 +41,9 @@ .store .genres .genre-container { min-height: 350px; } -.store .genres .genre-container h3 { +.store .genres .genre-container .genre-title { margin-left: 5vw; - color: white; + color: var(--color); } .store .genres .genre-container .genre-cards { height: 100%; diff --git a/app/html/installed.html b/app/html/installed.html index 3e0c5da..34c0503 100644 --- a/app/html/installed.html +++ b/app/html/installed.html @@ -51,3 +51,5 @@
+ + diff --git a/app/html/store.html b/app/html/store.html index 899b41e..13574da 100644 --- a/app/html/store.html +++ b/app/html/store.html @@ -19,27 +19,27 @@