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>