diff --git a/src/cljs/airsonic_ui/views/bottom_bar.cljs b/src/cljs/airsonic_ui/views/bottom_bar.cljs index 4cfbbc7..bb7f3dc 100644 --- a/src/cljs/airsonic_ui/views/bottom_bar.cljs +++ b/src/cljs/airsonic_ui/views/bottom_bar.cljs @@ -10,8 +10,9 @@ (defn current-song-info [{:keys [item status]}] [:article [:div (:artist item) " - " (:title item)] + ;; FIXME: Sometimes items don't have a duration [:progress.progress.is-tiny {:value (:current-time status) - :max (:duration item)}]]) + :max (:duration item)}]]) (defn playback-controls [is-playing?] ;; TODO: Toggle play pause icon based on playback status diff --git a/src/sass/app.sass b/src/sass/app.sass index f79d9d3..ff7972c 100644 --- a/src/sass/app.sass +++ b/src/sass/app.sass @@ -38,6 +38,13 @@ padding-left: .5rem padding-right: .5rem + .media + flex-grow: 1 + align-items: center + + progress + width: 100% + .progress.is-tiny height: .25rem