Enhance mobile layout by adjusting button container and adding styles for misc-info and genre

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css

@@ -814,12 +814,33 @@
   @media (max-width: 400px) {
     .button-container {
       gap: 10px;
+      /* top: calc(50% + 27vh); */
     }
 
     .play-button,
     .trailer-button {
       padding: 8px 14px;
     }
+
+    .misc-info {
+      flex-wrap: wrap;
+      justify-content: center;
+      gap: 0px 10px;
+    }
+
+    .runTime {
+      width: 100%;
+      justify-content: center;
+      margin-top: 0.5vh;
+    }
+
+    .misc-info .separator-icon:last-of-type {
+      display: none;
+    }
+
+    .genre {
+      top: calc(50% + 16vh);
+    }
   }
 }