From ff579e9edc3e669d565f0aaa7a5df34efdd1c34f Mon Sep 17 00:00:00 2001
From: brunosimon <simon.bruno.77@gmail.com>
Date: Sun, 3 Sep 2017 23:56:59 +0200
Subject: [PATCH] :lipstick: Site > Alert > Add style

---
 site/src/components/alert/style.styl    | 25 ++++++++++++++++++++++++-
 site/src/components/alert/template.html |  3 ++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/site/src/components/alert/style.styl b/site/src/components/alert/style.styl
index 2ee7405..890aac3 100644
--- a/site/src/components/alert/style.styl
+++ b/site/src/components/alert/style.styl
@@ -1,4 +1,27 @@
 .alert
+    display block
     position fixed
     bottom 0
-    right 30px
+    right 60px
+    width 62px
+    height 40px
+    background #24263A
+
+    .icon
+        position absolute
+        top 10px
+        left 18px
+
+        &.default
+            display inline-block
+
+        &.hover
+            display none
+
+    &:hover
+        .icon
+            &.default
+                display none
+
+            &.hover
+                display inline-block
\ No newline at end of file
diff --git a/site/src/components/alert/template.html b/site/src/components/alert/template.html
index e6e6181..cbe7c89 100644
--- a/site/src/components/alert/template.html
+++ b/site/src/components/alert/template.html
@@ -1,3 +1,4 @@
 <a href="#" class="alert" @click.prevent="onAlertClick">
-    /!\
+    <img class="icon default" src="../../../static/svg/alert.svg" alt="">
+    <img class="icon hover" src="../../../static/svg/alert-hover.svg" alt="">
 </a>
\ No newline at end of file