From 5096daeda0f33d10d65567fd6b5c5f7ccc053e4f Mon Sep 17 00:00:00 2001
From: stiti <moncef.stiti@gmail.com>
Date: Fri, 31 May 2024 12:07:09 +0200
Subject: [PATCH] Ajouts

---
 CodeIgniter-3.1.13/application/views/albums_list.php   | 3 ++-
 CodeIgniter-3.1.13/application/views/musiques_list.php | 6 +++---
 CodeIgniter-3.1.13/assets/css/musiques_list.css        | 4 +++-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/CodeIgniter-3.1.13/application/views/albums_list.php b/CodeIgniter-3.1.13/application/views/albums_list.php
index c7d986f..7087d53 100644
--- a/CodeIgniter-3.1.13/application/views/albums_list.php
+++ b/CodeIgniter-3.1.13/application/views/albums_list.php
@@ -37,7 +37,7 @@
                         <?php echo anchor("albums/view/{$album->id}", $album->name); ?>
                     </header>
                     <img src="data:image/jpeg;base64,<?php echo base64_encode($album->jpeg); ?>" alt="<?php echo $album->name; ?>">
-                    <footer class="short-text"><?php echo $album->year; ?> - <?php echo $album->artistName; ?></footer>
+                    <footer class="short-text"><?php echo $album->year; ?> - <?php echo $album->artistName; ?><br><br>
                     <?php if ($this->session->userdata('user_id')): ?>
                         <select id="playlist_<?php echo $album->id; ?>" class="select-playlist">
                             <?php foreach ($user_playlists as $playlist) : ?>
@@ -46,6 +46,7 @@
                         </select>
                         <button onclick="addToPlaylist(<?php echo $album->id; ?>)" class="btn-add-to-playlist">Ajouter l'album à la playlist</button>
                     <?php endif; ?>
+                </footer>
                 </article>
             </div>
         <?php endforeach; ?>
diff --git a/CodeIgniter-3.1.13/application/views/musiques_list.php b/CodeIgniter-3.1.13/application/views/musiques_list.php
index 5fa6beb..96fe8df 100644
--- a/CodeIgniter-3.1.13/application/views/musiques_list.php
+++ b/CodeIgniter-3.1.13/application/views/musiques_list.php
@@ -1,4 +1,4 @@
-    <h1 class="title">Liste des musiques</h1>
+<h1 class="title">Liste des musiques</h1>
     
     <div class="filters">
         <form method="GET" action="<?php echo base_url('index.php/musiques/index'); ?>">
@@ -52,7 +52,7 @@
                             <!-- Lien YouTube  -->
                             <a href="https://www.youtube.com/results?search_query=<?php echo urlencode($musique->name . ' ' . $musique->artistName); ?>" class="youtube"  target="_blank">YouTube</a>
                         </div>
-
+                        <br>
                         <?php if ($this->session->userdata('user_id')): ?>
                             <select id="playlist_music_<?php echo $musique->id; ?>" class="select-playlist">
                                 <?php foreach ($user_playlists as $playlist) : ?>
@@ -90,4 +90,4 @@
         // Redirection vers la méthode du contrôleur Playlists pour ajouter la musique à la playlist spécifiée
         window.location.href = "<?php echo base_url('index.php/playlists/add_music_to_playlist/'); ?>" + musiqueId + "/" + playlistId;
     }
-</script>
+</script>
\ No newline at end of file
diff --git a/CodeIgniter-3.1.13/assets/css/musiques_list.css b/CodeIgniter-3.1.13/assets/css/musiques_list.css
index 1ad23e9..99b6ed2 100644
--- a/CodeIgniter-3.1.13/assets/css/musiques_list.css
+++ b/CodeIgniter-3.1.13/assets/css/musiques_list.css
@@ -196,21 +196,23 @@ header.short-text a {
 footer.short-text {
     display: flex;
     flex-direction: column;
-    align-items: center; /* Center the items vertically */
 }
 
 /* Style pour la liste déroulante */
 .select-playlist {
+    display: inline-block; /* Transformer en élément inline-block */
     padding: 8px 15px; /* Rembourrage intérieur */
     font-size: 16px; /* Taille de la police */
     border: 1px solid #ccc; /* Bordure */
     border-radius: 4px; /* Coins arrondis */
     background-color: #f0f0f0;
     margin-right: 10px; /* Marge à droite pour l'espace entre la liste déroulante et le bouton */
+    margin-bottom: 10px; /* Ajout d'un espace en bas */
 }
 
 /* Style pour le bouton Ajouter à la playlist */
 .btn-add-to-playlist {
+    display: inline-block; /* Transformer en élément inline-block */
     background-color: #6021aa; /* Couleur de fond */
     color: white; /* Couleur du texte */
     padding: 10px 20px; /* Rembourrage intérieur */