<div class="col-md-12 results-container">
  <div class="section-title">
    <h1>Results</h1>
    <span class="st-border"></span>
  </div>
</div>


<%@tracks.each do |track|%>
    <div class="col-md-4 col-sm-6 st-service">
      <h3 class="track-title"><%= track.title %></h3>
      <h2><%= track.artist_name %> <br></h2>
      <div class="poppingover" title="BPM: <%= track.audio_features.tempo.to_f.round %>

          <%= track.danceability_str %> " >

      <h5>Details</h5>
      <br>
      </div>
      <% @spotify_id = track.track_spotify_id %>
      <iframe src="https://embed.spotify.com/?uri=spotify:track:<%= @spotify_id %>" width="300" height="380" frameborder="0" allowtransparency="true"></iframe><br />
      <p class="song-result"><%= track.lyrics %></p>
    </div>
<%end%>
<br />

<div class="col-md-12 results-container see-more">

  <h2><%= link_to "See More", "/see_more", remote: true %></h2>
</div>

<div class="col-md-12 results-container">
  <div class="section-title">
    <h1>Results</h1>
    <span class="st-border"></span>
  </div>
</div>


<%@tracks.each do |track|%>
    <div class="col-md-4 col-sm-6 st-service">
      <h3 class="track-title"><%= track.title %></h3>
      <h2><%= track.artist_name %> <br></h2>
      <div class="poppingover"  >
      <h6 title="BPM: <%= track.audio_features.tempo.to_f.round %>

          <%= track.danceability_str %> ">Details</h6>
      </div>
      <% @spotify_id = track.track_spotify_id %>
      <iframe src="https://embed.spotify.com/?uri=spotify:track:<%= @spotify_id %>" width="300" height="380" frameborder="0" allowtransparency="true"></iframe><br />
      <p class="song-result"><%= track.lyrics %></p>
    </div>
<%end%>
<br />

<div class="col-md-12 results-container see-more">

  <h2><%= link_to "See More", "/see_more", remote: true %></h2>
</div>

Refactor details popover to only trigger over the word details
Refactor details popover to only trigger over the word details
