Commit de Louay : Améliorations de la playlist

CodeIgniter-3.1.13/assets/css/playlist_view.css

@@ -13,7 +13,7 @@ body {
 }
 
 .container {
-    max-width: 800px;
+    max-width: 90%;
     margin: 0 auto;
     padding: 20px;
 }
@@ -22,6 +22,10 @@ h1, h2 {
     margin-bottom: 10px;
 }
 
+h2 {
+    padding-top: 50px;
+}
+
 p {
     margin-bottom: 20px;
 }
@@ -115,3 +119,32 @@ textarea {
 .btn-primary:hover {
     background-color: #3c0c72;
 }
+
+a.spotify,
+a.deezer,
+a.youtube {
+    color: white;
+    padding: 8px 12px;
+    border-radius: 5px;
+    text-decoration: none;
+    transition: background-color 0.3s, color 0.3s;
+}
+
+a.spotify {
+    background-color: #1DB954; /* Vert Spotify */
+}
+
+a.deezer {
+    background-color: #8826df; /* Violet Deezer */
+}
+
+a.youtube {
+    background-color: #FF0000; /* Rouge YouTube */
+}
+
+a.spotify:hover,
+a.deezer:hover,
+a.youtube:hover {
+    color: rgb(255, 255, 255);
+    background-color: rgba(84, 15, 202, 0.8); 
+}