From c92f46500327006790a79f9f1a2e21dd486e610f Mon Sep 17 00:00:00 2001
From: dbroqua <contact@darkou.fr>
Date: Wed, 23 Feb 2022 11:33:57 +0100
Subject: [PATCH] =?UTF-8?q?#issue-19=20Am=C3=A9lioration=20des=20contraste?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/button.scss                 | 8 ++++----
 sass/flash.scss                  | 2 +-
 sass/global.scss                 | 4 ++++
 sass/ma-collection.scss          | 4 ++--
 sass/toast.scss                  | 2 +-
 views/pages/ajouter-un-album.ejs | 4 +++-
 6 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/sass/button.scss b/sass/button.scss
index 2fd8741..e461ced 100644
--- a/sass/button.scss
+++ b/sass/button.scss
@@ -14,12 +14,12 @@
     border-radius: 0.375rem;
 
     &.is-danger {
-        background-color: #f14668;
+        background-color: #d73455;
         border-color: transparent;
         color: #fff;
 
         &:hover {
-            background-color: #f03a5f;
+            background-color: #d70933;
             border-color: transparent;
             color: #fff;
         }
@@ -38,12 +38,12 @@
     }
 
     &.is-primary {
-        background-color: #48c78e;
+        background-color: #2d7c58;
         border-color: transparent;
         color: #fff;
 
         &:hover {
-            background-color: #3ec487;
+            background-color: #267953;
         }
     }
 }
\ No newline at end of file
diff --git a/sass/flash.scss b/sass/flash.scss
index 00d9d90..39b3a33 100644
--- a/sass/flash.scss
+++ b/sass/flash.scss
@@ -1,5 +1,5 @@
 .flash {
-    background-color: #f14668;
+    background-color: #d73455;
     border-radius: 6px;
     box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
     color: #fff;
diff --git a/sass/global.scss b/sass/global.scss
index 5130647..909dce4 100644
--- a/sass/global.scss
+++ b/sass/global.scss
@@ -45,4 +45,8 @@ html {
     @include respond-to("small") {
         padding: 0 0.7rem;
     }
+}
+
+.is-hidden {
+    display: none;
 }
\ No newline at end of file
diff --git a/sass/ma-collection.scss b/sass/ma-collection.scss
index 69eb680..76ee630 100644
--- a/sass/ma-collection.scss
+++ b/sass/ma-collection.scss
@@ -27,10 +27,10 @@
         .title {
             .icon-trash {
                 cursor: pointer;
-                color: #f14668;
+                color: #d73455;
 
                 &:hover {
-                    color: #f03a5f;
+                    color: #d70933;
                 }
             }
         }
diff --git a/sass/toast.scss b/sass/toast.scss
index b0fc19b..5a14e68 100644
--- a/sass/toast.scss
+++ b/sass/toast.scss
@@ -9,7 +9,7 @@
     font-size: 17px;
 
     padding: 1.25rem 2.5rem 1.25rem 1.5rem;
-    background-color: #f14668;
+    background-color: #d73455;
     color: #fff;
 
     &.show {
diff --git a/views/pages/ajouter-un-album.ejs b/views/pages/ajouter-un-album.ejs
index 9d66da6..d27a078 100644
--- a/views/pages/ajouter-un-album.ejs
+++ b/views/pages/ajouter-un-album.ejs
@@ -3,11 +3,13 @@
     <div class="grid sm:grid-cols-2">
         <div>
             <form @submit="search">
+                <label for="q">Nom de l'album ou code barre</label>
                 <div class="field has-addons">
-                    <input type="text" name="q" v-model="q" placeholder="Nom de l'album ou code barre (ex : Hybrid Theory)" autofocus>
+                    <input type="text" name="q" id="q" v-model="q" placeholder="ex : Hybrid Theory" autofocus>
                     <button class="button is-link" :disabled="loading">
                         <i class="icon-search" v-if="!loading"></i>
                         <i class="icon-spin animate-spin" v-if="loading"></i>
+                        <span class="is-hidden">Chercher</span>
                     </button>
                 </div>
             </form>