Change location of add to playlist button in search entries

templates/search.html

@@ -13,34 +13,40 @@
 {% block content %}
 
 	{% for i in results %}
-	<div class = " main w3-margin w3-card-4">
+	<div class = " main w3-margin w3-card w3-hover-shadow">
 		{% if type == "album" %}
 
-		<header class="w3-container w3-green">
-		  <h3><a href="/album/{{i.id}}">{{i.album_name}}</a></h3>
+		<header class="w3-row w3-green">
+			<div class="w3-col w3-container w3-blue" style="width:90%">
+					 <h3><a href="/album/{{i.id}}">{{i.album_name}}</a></h3>
+			</div>
+
+			<div class="w3-col w3-container w3-green" style="width:10%" >
+				  <div class="w3-dropdown-hover w3-right w3-green">
+					  <button id="search_type" class="w3-button" style="width:20px; text-align: left;"><i class="fa fa-plus" aria-hidden="true"></i> </button>
+					  <div class="w3-dropdown-content w3-bar-block w3-card-4"  style="right:0">
+							  <button class=" w3-bar-item w3-button">Update existing playlist</button>
+							  <button class=" w3-bar-item w3-button" onclick="alert('{{type}} id is {{i.id}}')">Show {{type}}</button>
+							  <button class=" w3-bar-item w3-button">Create new playlist</button>
+					  </div>
+				  </div>
+			</div>
 		</header>
 		<div class="w3-container  w3-opacity  w3-black">
 			<p>Artist: <a href="/artist/{{i.artist.id}}">{{i.artist.name}}</a><br>
 				Year: {{i.year}} </p>
 
 		</div>
-		
+
 			<!-- ... -->
 			{% if request.user.is_authenticated %}
 			<!-- ... -->
-			<div class="w3-dropdown-hover">
-				<button id="search_type" class="w3-button" style="width:200px; text-align: left;"><i class="fa fa-caret-down"></i> </button>
-				<div class="w3-dropdown-content w3-bar-block w3-card-4">
-						<button class=" w3-bar-item w3-button">Update existing playlist</button>
-						<button onclick="alert('{{type}} id is {{i.id}}')">Show {{type}}</button>
-						<button class=" w3-bar-item w3-button">Create new playlist</button>
-				</div>
-			</div>
+
 			<!-- ... -->
 			{% endif %}
 			<!-- ... -->
-		
-		
+
+
 		{% endif %}
 
 
@@ -57,7 +63,7 @@
 			{% endif %} </p>
 			{% endfor %}
 		</div>
-		
+
 			<!-- ... -->
 			{% if request.user.is_authenticated %}
 			<!-- ... -->
@@ -72,7 +78,7 @@
 			<!-- ... -->
 			{% endif %}
 			<!-- ... -->
-		
+
 
 		{% endif %}
 
@@ -87,7 +93,7 @@
 			<p>Artist: <a href="/artist/{{i.artist.id}}">{{i.artist.name}}</a><br>
 				Year: {{i.album.year}} </p>
 		</div>
-		
+
 			<!-- ... -->
 			{% if request.user.is_authenticated %}
 			<!-- ... -->
@@ -102,7 +108,7 @@
 			<!-- ... -->
 			{% endif %}
 			<!-- ... -->
-		
+
 
 		{% endif %}