Style changes

files/css/mymusiclist.css

@@ -21,6 +21,7 @@ body {
     font-size: 15px;
 }
 
+
 .main h2{
      color: white;
      font-size: 3 0px;

templates/album.html

@@ -13,7 +13,7 @@
 {% endblock %}
 
 {% block content %}
-<div class = "boxified main">
+<div class = "w3-card-4 main">
 {% for i in songs %}
 	<h3> {{i.song_name}} </h3>
 {% endfor %}

templates/base.html

@@ -15,7 +15,7 @@
            <div class="w3-bar w3-black w3-large">
 
 
-             <a href="/" id="logo-nav" class="w3-bar-item w3-button w3-blue-gray">MyMusicList</a>
+             <a href="/" id="logo-nav" class="w3-bar-item w3-button w3-blue-gray"><i class="fa fa-headphones" aria-hidden="true"></i> MyMusicList</a>
            {% if request.user.is_authenticated %}
                 <!-- <a class="w3-bar-item w3-button" href="/profile/{{request.user.username}}" style="float:right" ><i class="fa fa-user-circle-o" aria-hidden="true"></i></a> -->
                 <!-- <a class="w3-bar-item w3-button" href="{% url 'logout' %}" style="float:right">Logout</a> -->
@@ -67,7 +67,7 @@
 
 
 
-    <div class="w3-card-4 w3-green sidebar">
+    <div class="w3-card-4 w3-black w3-opacity sidebar">
       {% block sidebar %}
         <h2>Featured Songs</h2>
         <img src="/files/images/divide_edsheeran.jpeg" alt="Divide - Ed Sheeran">

templates/search.html

@@ -18,7 +18,7 @@
 
 		<header class="w3-row w3-green">
 			<div class="w3-col w3-container w3-green" style="width:95%">
-					 <h3><a href="/album/{{i.id}}" style="text-decoration:none">{{i.album_name}}</a></h3>
+					 <h3 ><a href="/album/{{i.id}}" style="text-decoration:none">{{i.album_name}}</a></h3>
 			</div>
 
 			{% if request.user.is_authenticated %}
@@ -27,7 +27,6 @@
 					  <button id="search_type" class="w3-button" "><i class="fa fa-plus fa-2x" 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>
@@ -48,16 +47,15 @@
 
 		<header class="w3-row w3-green">
 			<div class="w3-col w3-container w3-green" style="width:95%">
-					<h3><a href="/artist/{{i.id}}" style="text-decoration:none">{{i.name}}</a></h3>
+					<h3 ><a href="/artist/{{i.id}}" style="text-decoration:none">{{i.name}}</a></h3>
 			</div>
 
 			{% if request.user.is_authenticated %}
 			<div class="w3-col w3-container w3-green " style="width:5%" >
 				  <div class="w3-dropdown-hover w3-right w3-green">
-					  <button id="search_type" class="w3-button" style="width:20px;"><i class="fa fa-plus fa-2x" aria-hidden="true"></i> </button>
+					  <button id="search_type" class="w3-button"><i class="fa fa-plus fa-2x" 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>
@@ -89,10 +87,9 @@
 			{% if request.user.is_authenticated %}
 			<div class="w3-col w3-container w3-green " style="width:5%" >
 				  <div class="w3-dropdown-hover w3-right w3-indigo">
-					  <button id="search_type" class="w3-button" style="width:20px;"><i class="fa fa-plus fa-2x" aria-hidden="true"></i> </button>
+					  <button id="search_type" class="w3-button"><i class="fa fa-plus fa-2x" 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>