From 85521846e60b1796ad9333d417fcf4b7c4ff92a0 Mon Sep 17 00:00:00 2001
From: Yohan Boniface <yb@enix.org>
Date: Tue, 23 Apr 2019 22:52:39 +0200
Subject: [PATCH] danger button CSS

---
 copanier/static/app.css               | 15 ++++++++++++++-
 copanier/templates/delivery.html      |  2 +-
 copanier/templates/edit_delivery.html |  2 +-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/copanier/static/app.css b/copanier/static/app.css
index 25953c0..94aef00 100644
--- a/copanier/static/app.css
+++ b/copanier/static/app.css
@@ -208,6 +208,13 @@ input[type=submit].primary {
   background: var(--primary-color);
 }
 
+button.primary:hover,
+a.button.primary:hover,
+input[type=submit].primary:hover {
+  background-color: #fff;
+  color: var(--primary-color);
+}
+
 button.danger,
 a.button.danger,
 input[type=submit].danger {
@@ -215,6 +222,13 @@ input[type=submit].danger {
   border-color: #d9534f;
 }
 
+button.danger:hover,
+a.button.danger:hover,
+input[type=submit].danger:hover {
+  background-color: #d9534f;
+  color: #fff;
+}
+
 
 /* Forms */
 
@@ -445,7 +459,6 @@ hr {
   background: white;
   padding: 5px;
   z-index: 100;
-  text-align: center;
   overflow-y: auto;
   white-space: normal;
 }
diff --git a/copanier/templates/delivery.html b/copanier/templates/delivery.html
index 17e94d7..e8e0e77 100644
--- a/copanier/templates/delivery.html
+++ b/copanier/templates/delivery.html
@@ -99,7 +99,7 @@
     {% else %}
         {% if request.user and request.user.is_staff %}
         <li>
-            <a href="/livraison/{{ delivery.id }}/désarchiver"><i class="icon-hazardous"></i> Désarchiver</a>
+            <a href="/livraison/{{ delivery.id }}/désarchiver" class="button danger"><i class="icon-hazardous"></i>&nbsp;Désarchiver</a>
         </li>
         {% endif %}
     {% endif %}
diff --git a/copanier/templates/edit_delivery.html b/copanier/templates/edit_delivery.html
index eb93aaf..2955081 100644
--- a/copanier/templates/edit_delivery.html
+++ b/copanier/templates/edit_delivery.html
@@ -48,7 +48,7 @@
 <ul class="toolbox">
     {% if delivery.status == delivery.CLOSED %}
     <li>
-        <a href="/livraison/{{ delivery.id }}/archiver"><i class="icon-hazardous"></i> Archiver</a>
+        <a href="/livraison/{{ delivery.id }}/archiver" class="button danger"><i class="icon-hazardous"></i>&nbsp;Archiver</a>
     </li>
     {% endif %}
     <li>