diff --git a/src/Views.elm b/src/Views.elm index 77a0c9d..e0fd704 100644 --- a/src/Views.elm +++ b/src/Views.elm @@ -130,14 +130,18 @@ playlistView currentDate time hover playlist = image = Keyed.el [ Element.width Element.fill - , Element.height Element.fill + , Element.height (Element.px 0) + , Element.htmlAttribute (Html.Attributes.style "padding-top" "56.25%") + , Element.htmlAttribute (Html.Attributes.style "position" "relative") , Events.onMouseEnter (Core.HoverPlaylist playlist) , Events.onMouseLeave Core.Unhover ] ( key , Element.image [ Element.width Element.fill - , Element.height Element.fill + , Element.htmlAttribute (Html.Attributes.style "position" "absolute") + , Element.htmlAttribute (Html.Attributes.style "top" "0") + , Element.htmlAttribute (Html.Attributes.style "height" "100%") , Element.inFront inFront , Element.inFront new ] @@ -260,14 +264,18 @@ videoMiniature currentDate time hover playlist video = image = Keyed.el [ Element.width Element.fill - , Element.height Element.fill + , Element.height (Element.px 0) + , Element.htmlAttribute (Html.Attributes.style "padding-top" "56.25%") + , Element.htmlAttribute (Html.Attributes.style "position" "relative") , Events.onMouseEnter (Core.HoverVideo video) , Events.onMouseLeave Core.Unhover ] ( key , Element.image [ Element.width Element.fill - , Element.height Element.fill + , Element.htmlAttribute (Html.Attributes.style "position" "absolute") + , Element.htmlAttribute (Html.Attributes.style "top" "0") + , Element.htmlAttribute (Html.Attributes.style "height" "100%") , Element.inFront inFront , Element.inFront new ]