dev: updated comments for clarity

Theme/ElegantFin-theme-nightly.css

@@ -125,9 +125,13 @@
     --iconPack: "Material Symbols Rounded";
 
     /* none: hides the watched and mark favorite buttons on hover [default];
-       block: makes them visible use block */
+       block: makes them visible */
     --extraCardButtonsVisibility: none;
 
+    /* block: makes the three-dot menu button visible [default];
+       none: hides the three-dot menu button on hover */
+    --menuButtonVisibility: block;
+
     /* block: keeps the original (foreign) title visible if it is available [default];
        none: always hides the original title of Movie/TV */
     --itemOriginalTitleVisibility: block;
@@ -144,16 +148,16 @@
        block: makes the title always visible */
     --itemTitleVisibility: none;
 
-    /* none: makes the music artist clear logo always hidden [default]; 
-       block: shows the music artist clear logo if it is available */
+    /* block: shows the music artist clear logo if it is available [default];
+       none: makes the music artist clear logo always hidden */
     --artistClearLogoVisibility: block;
 
-    /* block: shows the text-based music artist title [default];
-       none: makes the music artist title always hidden */
+    /* none: makes the music artist title always hidden [default];
+       block: shows the text-based music artist title */
     --artistTitleVisibility: none;
 
-    /* none: makes the music artist page background fully visible [default]; 
-       unset: makes the background dim for better clear logo visibility on desktops */
+    /* unset: makes the artist background dim for better clear logo visibility on desktops [default]; 
+       none: makes the music artist page background fully visible */
     --artistPageBackground: unset;
 
     /* block: shows the mini play or three-dot button on cards only on mobile [default]; 
@@ -172,9 +176,9 @@
        use a figure between 0% and 20% according to your liking */
     --backdropTrimFromTop: 10%;
 
-    /* use numbers greater than 1.0 to increase the size of 'Continue Watching' cards [default: 1.25];
-       use 1.0 to disable this effect */
-    --resumeCardScale: 1.25;
+    /* use 1 to keep the size 'Continue Watching' cards normal [default]; 
+       use numbers greater than 1.0 to increase their size (example: 1.25) */
+    --resumeCardScale: 1;
 }
 
 html {
@@ -531,12 +535,9 @@ select {
     display: var(--extraCardButtonsVisibility);
     text-shadow: var(--shadow);
 }
-
-/* this keeps the three-dot menu button always visible on desktop because 
-Jellyfin disabled right-click functionality on newer versions */
 .cardOverlayButton-br .cardOverlayButton-hover[data-action="menu"],
 .layout-desktop .listItemButton[data-action="menu"] {
-    display: block;
+    display: var(--menuButtonVisibility);
 }
 
 .layout-mobile .cardOverlayButton {
@@ -1905,14 +1906,6 @@ progress + span {
     font-size: 2em;
 }
 
-.nowPlayingBar .playPauseButton {
-    font-size: 2em;
-}
-
-.nowPlayingInfoContainer .btnPlayPause {
-    font-size: 3em;
-}
-
 .osdControls {
     display: flex;
     flex-direction: column-reverse;
@@ -3032,7 +3025,7 @@ div[data-role="controlgroup"] a.ui-btn-active {
 }
 
 .layout-mobile #myPreferencesMenuPage {
-    padding-top: 3.75em !important;
+    padding-top: var(--appBarHeight) !important;
 }
 
 .headerUserButton {
@@ -3751,6 +3744,14 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
     aspect-ratio: 1 / 1;
 }
 
+.nowPlayingBar .playPauseButton {
+    font-size: 2em;
+}
+
+.nowPlayingInfoContainer .btnPlayPause {
+    font-size: 3em;
+}
+
 .nowPlayingBar .nowPlayingImage {
     background-size: cover;
     border-radius: var(--smallerRadius);
@@ -4076,6 +4077,11 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
     }
 }
 
+.skinHeader {
+    /* this is for testing a fix for iOS  */
+    padding-top: max(env(safe-area-inset-top), var(--safe-area-inset-top)) !important;
+}
+
 .nowPlayingPage {
     background: linear-gradient(var(--darkerGradientPointAlpha), transparent);
 }