Minor tweaks from #102

CHANGELOG.md

@@ -13,6 +13,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- Duration component could display nothing in some edge cases.
+- Action buttons now have a slight box shadow and are a bit more visible.
 - We now support playing container types [m4a, mp4, mov, alac, aac, mp3] that require seeking. This should fix issues with some mp4/m4a files not playing.
 - If no candidates are found during an import, we now show a message instead of an empty screen. [#190](https://github.com/pSpitzner/beets-flask/issues/190)
 

frontend/src/components/common/inputs/splitButton.tsx

@@ -137,6 +137,7 @@ export function SplitButtonOptions({
                     width: `calc(${anchorRef.current?.clientWidth}px - ${theme.spacing(1)})`, // Adjust width to fit within the button group
                     maxWidth: `calc(${anchorRef.current?.clientWidth}px - ${theme.spacing(1)})`, // Ensure max width matches the button group
                     overflow: "hidden",
+                    boxShadow: 8,
                 })}
                 ref={ref}
                 open={open}

frontend/src/components/common/units/time.tsx

@@ -39,6 +39,7 @@ export const humanizeDuration = (duration: number) => {
     if (hours > 0) parts.push(`${hours}h`);
     if (minutes > 0) parts.push(`${minutes}m`);
     if (seconds > 0) parts.push(`${seconds}s`);
+    if (parts.length === 0) return `${duration.toFixed(2)}s`;
 
     return parts.join(" ");
 };