feature: AudioPlayer Enhancements

DeepDrftPublic/wwwroot/styles/deepdrft-styles.css

@@ -298,7 +298,7 @@ h2, h3, h4, h5, h6,
 .deepdrft-track-detail-cover {
     aspect-ratio: 1 / 1;
     max-width: 360px;
-    margin: 0 auto;
+    margin: 0 auto 2rem;
     overflow: hidden;
     box-shadow: 0 8px 28px color-mix(in srgb, var(--mud-palette-text-secondary) 18%, transparent);
 }
@@ -321,13 +321,14 @@ h2, h3, h4, h5, h6,
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
-    margin: 2rem 0 1.5rem;
 }
 
 .deepdrft-track-detail-meta {
     display: flex;
-    flex-direction: column;
-    gap: 1rem;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    gap: 2rem;
     margin-top: 1.5rem;
 }
 
@@ -347,3 +348,8 @@ h2, h3, h4, h5, h6,
     color: inherit;
 }
 
+@media (max-width: 419.98px) {
+    .deepdrft-track-detail-meta {
+        flex-direction: column;
+    }
+}