Bump version to 1.7.1.1 in project file and manifest for release

Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj

@@ -12,7 +12,7 @@
     <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
     <Title>Jellyfin Media Bar Enhanced Plugin</Title>
     <Authors>CodeDevMLH</Authors>
-    <Version>1.7.1.0</Version>
+    <Version>1.7.1.1</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
   </PropertyGroup>
 

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css

@@ -766,18 +766,41 @@
   }
 
   .button-container {
-    top: calc(50% + 25vh);
+    top: calc(50% + 24vh) !important;
-    left: 50%;
+    left: 50% !important;
-    transform: translateX(-50%) scale(0.95);
+    transform: translateX(-50%) !important;
-    width: 95vw;
+    width: 100vw !important;
-    flex-wrap: wrap;
+    flex-wrap: nowrap !important;
-    justify-content: center;
+    justify-content: center !important;
-    gap: 15px;
+    gap: 12px !important;
+    padding: 0 10px !important;
+    box-sizing: border-box !important;
   }
 
   .button-container button {
     min-width: unset !important;
     margin: 0 !important;
+    flex-shrink: 1 !important;
+    height: 45px !important;
+    max-width: fit-content !important;
+  }
+
+  .button-container .play-button,
+  .button-container .trailer-button {
+    padding: 8px 14px !important;
+    border-radius: 8px !important;
+    font-size: 16px !important;
+  }
+
+  .button-container .detail-button,
+  .button-container .favorite-button {
+    width: 45px !important;
+    padding: 0 !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    flex-shrink: 0 !important;
+    border-radius: 50% !important;
   }
 
   .logo {
@@ -807,36 +830,23 @@
 
   @media (max-width: 400px) {
     .button-container {
-      gap: 10px;
+      gap: 6px !important;
+      top: calc(50% + 26.5vh) !important;
     }
 
-    .play-button,
+    .button-container .play-button,
-    .trailer-button {
+    .button-container .trailer-button {
-      padding: 8px 14px;
+      padding: 6px 10px !important;
+      font-size: 14px !important;
     }
 
-    .misc-info {
+    .button-container button {
-      flex-wrap: wrap;
+      height: 40px !important;
-      justify-content: center;
-      gap: 0px 10px;
     }
 
-    .runTime {
+    .button-container .detail-button,
-      width: 100%;
+    .button-container .favorite-button {
-      justify-content: center;
+      width: 40px !important;
-      margin-top: 0.5vh;
-    }
-
-    .misc-info .separator-icon:last-of-type {
-      display: none;
-    }
-
-    .genre {
-      top: calc(50% + 16vh);
-    }
-
-    .button-container {
-      top: calc(50% + 27vh);
     }
   }
 }

manifest.json

@@ -9,7 +9,7 @@
     "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
     "versions": [
       {
-        "version": "1.7.1.0",
+        "version": "1.7.1.1",
         "changelog": "- fix button issue on mobile when using ElegantFin Theme",
         "targetAbi": "10.11.0.0",
         "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.7.1.0/Jellyfin.Plugin.MediaBarEnhanced.zip",