From 53bd0a3cd1a2e60c3972b6d624aeef965f216de9 Mon Sep 17 00:00:00 2001
From: Chris McCord <chris@chrismccord.com>
Date: Wed, 19 Jan 2022 12:48:29 -0500
Subject: [PATCH] Fix visual bouncing quirk on load

---
 lib/live_beats_web/live/player_live.ex | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/lib/live_beats_web/live/player_live.ex b/lib/live_beats_web/live/player_live.ex
index 66f3955..3f5b9c7 100644
--- a/lib/live_beats_web/live/player_live.ex
+++ b/lib/live_beats_web/live/player_live.ex
@@ -15,18 +15,16 @@ defmodule LiveBeatsWeb.PlayerLive do
       </div>
       <div class="bg-white dark:bg-gray-800 p-4">
         <div class="flex items-center space-x-3.5 sm:space-x-5 lg:space-x-3.5 xl:space-x-5">
-          <%= if @song do %>
-            <div class="pr-5">
-              <div class="min-w-0 max-w-xs flex-col space-y-0.5">
-                <h2 class="text-black dark:text-white text-sm sm:text-sm lg:text-sm xl:text-sm font-semibold truncate">
-                  <%= @song.title %>
-                </h2>
-                <p class="text-gray-500 dark:text-gray-400 text-sm sm:text-sm lg:text-sm xl:text-sm font-medium">
-                  <%= @song.artist %>
-                </p>
-              </div>
+          <div class="pr-5">
+            <div class="min-w-0 max-w-xs flex-col space-y-0.5">
+              <h2 class="text-black dark:text-white text-sm sm:text-sm lg:text-sm xl:text-sm font-semibold truncate">
+                <%= if @song, do: @song.title, else: raw("&nbsp;") %>
+              </h2>
+              <p class="text-gray-500 dark:text-gray-400 text-sm sm:text-sm lg:text-sm xl:text-sm font-medium">
+                <%= if @song, do: @song.title, else: raw("&nbsp;") %>
+              </p>
             </div>
-          <% end %>
+          </div>
 
           <.progress_bar id="player-progress" />