diff --git a/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss b/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss index 177f1d71e..dd8879545 100644 --- a/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss +++ b/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss @@ -102,7 +102,7 @@ } } -@media (min-width: 700px) { +@media (min-width: 660px) { .col-xl-2 { flex: 0 0 50%; max-width: 50%; @@ -138,7 +138,7 @@ } } -@media (min-width: 1000px) { +@media (min-width: 870px) { .col-xl-2 { flex: 0 0 33.33333%; max-width: 33.33333%; @@ -146,7 +146,7 @@ } } -@media (min-width: 1300px) { +@media (min-width: 1100px) { .col-xl-2 { flex: 0 0 20%; max-width: 25%; @@ -154,24 +154,40 @@ } } -@media (min-width: 1600px) { +@media (min-width: 1300px) { .col-xl-2 { flex: 0 0 18%; max-width: 20%; min-width: 20%; } } -@media (min-width: 1900px) { +@media (min-width: 1600px) { .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; min-width: 16.66666667%; } } -@media (min-width: 2200px) { +@media (min-width: 1900px) { .col-xl-2 { flex: 0 0 14.285713%; max-width: 14.285713%; min-width: 14.285713%; } +} + +@media (min-width: 2200px) { + .col-xl-2 { + flex: 0 0 12.5%; + max-width: 12.5%; + min-width: 12.5%; + } +} + +@media (min-width: 2500px) { + .col-xl-2 { + flex: 0 0 11.111111%; + max-width: 11.111111%; + min-width: 11.111111%; + } } \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.scss b/src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.scss index 85eea04a7..fd5a5e47c 100644 --- a/src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.scss +++ b/src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.scss @@ -34,4 +34,16 @@ ::ng-deep .row { margin-right:0; margin-left:0; +} + +@media (min-width: 500px) { + .justify-content-md-center { + justify-content: normal !important; + } +} + +@media (min-width: 1170px){ + .justify-content-md-center { + justify-content: center !important; + } } \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/requests-list/components/requests-list.component.scss b/src/Ombi/ClientApp/src/app/requests-list/components/requests-list.component.scss index 46b57adef..f8a34118d 100644 --- a/src/Ombi/ClientApp/src/app/requests-list/components/requests-list.component.scss +++ b/src/Ombi/ClientApp/src/app/requests-list/components/requests-list.component.scss @@ -50,4 +50,16 @@ ::ng-deep .mat-column-actions{ text-align:end; +} + +@media (min-width: 500px) { + .justify-content-md-center { + justify-content: normal !important; + } +} + +@media (min-width: 1170px){ + .justify-content-md-center { + justify-content: center !important; + } } \ No newline at end of file