Fix additional issues with session cards

src/assets/css/dashboard.css

@@ -127,8 +127,8 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .sessionAppInfo img {
-    max-width: 40px;
-    max-height: 40px;
+    max-width: 2.25rem;
+    max-height: 2.25rem;
     margin-right: 8px;
 }
 
@@ -287,6 +287,10 @@ div[data-role=controlgroup] a.ui-btn-active {
     width: 100% !important;
 }
 
+.activeSession .cardBox {
+    margin: 0;
+}
+
 .activitylogUserPhoto {
     height: 1.71em;
     width: 1.71em;
@@ -297,15 +301,9 @@ div[data-role=controlgroup] a.ui-btn-active {
     background-position: center;
 }
 
-@media all and (min-width: 40em) {
-    .activeSession {
-        width: 100% !important;
-    }
-}
-
 @media all and (min-width: 50em) {
     .activeSession {
-        width: 50% !important;
+        flex: 1;
     }
 }
 
@@ -318,6 +316,7 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .sessionAppInfo {
+    flex-grow: 1;
     padding: 0.5em;
     overflow: hidden;
 }
@@ -337,6 +336,8 @@ div[data-role=controlgroup] a.ui-btn-active {
     right: 0;
     bottom: 0;
     font-weight: 400;
+    display: flex;
+    flex-direction: column;
 }
 
 .sessionNowPlayingContent-withbackground + .sessionNowPlayingInnerContent {
@@ -351,9 +352,7 @@ div[data-role=controlgroup] a.ui-btn-active {
 
 .sessionNowPlayingDetails {
     display: flex;
-    position: absolute;
-    bottom: 0;
-    width: 100%;
+    white-space: nowrap;
 }
 
 .sessionNowPlayingInfo {
@@ -380,6 +379,10 @@ div[data-role=controlgroup] a.ui-btn-active {
     background: transparent !important;
 }
 
+.activeDevices {
+    gap: 1rem;
+}
+
 .activeSession .playbackProgress,
 .activeSession .transcodingProgress {
     position: absolute;