Minor changes

sass/ajouter-un-album.scss

@@ -46,21 +46,4 @@
             }
         }
     }
-
-    .items {
-        span {
-            margin-right: 0.6rem;
-
-            &::after {
-                content: ",";
-            }
-
-            &:last-child {
-                &::after {
-                    margin-right: 0;
-                    content: "";
-                }
-            }
-        }
-    }
 }

sass/forms.scss

@@ -38,4 +38,13 @@
             outline: unset;
         }
     }
+
+    select {
+        appearance: none;
+        background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
+        background-position: right 0.8rem center;
+        background-repeat: no-repeat;
+        background-size: 1.2rem;
+        padding-right: 2.4rem;
+    }
 }

sass/global.scss

@@ -27,17 +27,23 @@ html {
         padding-top: 3.5rem;
         font-family: 'open_sansregular';
         font-weight: 400;
-        min-height: 100vh;   
+        min-height: 100vh;
-    
+
-        footer {
+        footer.footer {
             margin-top: auto;
-            padding: 2rem 0 1.5rem;
+            padding: 2rem 0.7rem 1.5rem;
             background-color: #fafafa;
         }
-    
+
         a {
             color: #485fc7;
             cursor: pointer;
         }
     }
+}
+
+.layout-maxed {
+    @include respond-to("small") {
+        padding: 0 0.7rem;
+    }
 }

sass/index.scss

@@ -21,7 +21,7 @@
 // @import "components/burger";
 // @import "components/checkbox";
 // @import "components/radio";
-// @import "components/select";
+// @import "../node_modules/knacss/sass/components/select";
 // @import "components/quote";
 
 // SPÉCIFIQUE AU SITE
@@ -34,6 +34,7 @@
 @import './toast';
 @import './flash';
 @import './pagination';
+@import './list';
 
 @import './home';
 @import './connexion';

sass/list.scss

@@ -0,0 +1,16 @@
+.items {
+    span {
+        margin-right: 0.6rem;
+
+        &::after {
+            content: ",";
+        }
+
+        &:last-child {
+            &::after {
+                margin-right: 0;
+                content: "";
+            }
+        }
+    }
+}

sass/ma-collection.scss

@@ -43,22 +43,5 @@
         img {
             border: 2px solid #4a4a4a;
         }
-
-        .items {
-            span {
-                margin-right: 0.6rem;
-
-                &::after {
-                    content: ",";
-                }
-
-                &:last-child {
-                    &::after {
-                        margin-right: 0;
-                        content: "";
-                    }
-                }
-            }
-        }
     }
 }

sass/modal.scss

@@ -52,7 +52,7 @@
             display: flex;
             flex-shrink: 0;
             justify-content: flex-start;
-            padding: 20px;
+            padding: 0.75rem;
             position: relative;
         }
 
@@ -83,7 +83,7 @@
                 position: relative;
                 width: 20px;
 
-                &::before, 
+                &::before,
                 &::after {
                     background-color: #fff;
                     content: "";

views/pages/home.ejs

@@ -3,10 +3,10 @@
     <h1>
         My Music Library
     </h1>
-    <p>
+    <p class="text-justify">
         Retrouvez votre cd-thèque partout depuis votre PC ou votre smartphone.
     </p>
-    <p>
+    <p class="text-justify">
         <strong>My Music Library</strong> est une application Web (que vous pouvez auto-héberger) et un site Web (sur lequel vous pouvez créer un compte), permettant de gérer votre liste des CDs et Vinyles, et de l'utiliser facilement et n'importe où.
         <br />
         Le code source est publié sous licence libre <a href="https://www.gnu.org/licenses/gpl-3.0-standalone.html" target="_blank" rel="noopener noreferrer">GNU GPL-3.0-or-later</a>. Le code source est disponible sur <a href="https://git.darkou.fr/dbroqua/MyMusicLibrary" target="_blank">git.darkou.fr</a>.
@@ -14,7 +14,7 @@
     <h2>
         Pourquoi utiliser My Music Library ?
     </h2>
-    <p>
+    <p class="text-justify">
         <strong>My Music Library</strong> est indispensable lorsqu'une collection, de CD-audios et vyniles, est devenue trop importante pour qu'on puisse se souvenir de tous les albums qu'elle contient. Consulter My Music Library peut par exemple éviter un achat en double, et de savoir qu'on a des albums à céder ou échanger.
         <br />
         Il existe déjà plusieurs applications de gestion de librairies musicales mais, (au moment de l'édition de cette présentation) aucune facilement accessible via internet, par exemple lorsqu'on est chez un disquaire.
@@ -22,7 +22,7 @@
     <h2>
         Qu'est ce qui fait tourner My Music Library ?
     </h2>
-    <p>
+    <p class="text-justify">
         <strong>My Music Library</strong> c'est un backend, une base de données et un front (à terme une API pour être consommée par une app mobile 🤔).
         <ul>
             <li>Backend écrit en JavaScript avec <a href="https://nodejs.org/" target="_blank" rel="noopener noreferrer">NodeJS</a>.</li>