diff --git a/src/assets/css/dashboard.css b/src/assets/css/dashboard.css index 3c987d3442..95bb6e0294 100644 --- a/src/assets/css/dashboard.css +++ b/src/assets/css/dashboard.css @@ -127,8 +127,8 @@ div[data-role=controlgroup] a.ui-btn-active { } .sessionAppInfo img { - max-width: 2.25rem; - max-height: 2.25rem; + max-width: 40px; + max-height: 40px; margin-right: 8px; } @@ -204,6 +204,10 @@ div[data-role=controlgroup] a.ui-btn-active { flex-grow: 1; } +.dashboardActionsContainer { + margin: 1em -0.3em 0; +} + .sessionNowPlayingContent { -webkit-background-size: cover; background-size: cover; @@ -283,14 +287,10 @@ div[data-role=controlgroup] a.ui-btn-active { } .activeSession { - min-width: 10rem; + min-width: 15rem; width: 100% !important; } -.activeSession .cardBox { - margin: 0; -} - .activitylogUserPhoto { height: 1.71em; width: 1.71em; @@ -303,7 +303,9 @@ div[data-role=controlgroup] a.ui-btn-active { @media all and (min-width: 50em) { .activeSession { - flex: 1; + flex-grow: 0; + flex-shrink: 0; + flex-basis: 50%; } } @@ -352,7 +354,6 @@ div[data-role=controlgroup] a.ui-btn-active { .sessionNowPlayingDetails { display: flex; - white-space: nowrap; } .sessionNowPlayingInfo { @@ -379,8 +380,9 @@ div[data-role=controlgroup] a.ui-btn-active { background: transparent !important; } -.activeDevices { - gap: 1rem; +.activeDevices.itemsContainer { + /* offset for cardBox margin */ + margin: -0.6em; } .activeSession .playbackProgress, diff --git a/src/controllers/dashboard/dashboard.html b/src/controllers/dashboard/dashboard.html index a1fb68c2bc..423cfa4c69 100644 --- a/src/controllers/dashboard/dashboard.html +++ b/src/controllers/dashboard/dashboard.html @@ -15,8 +15,8 @@
-