From 9765ed040b20fcafe259066a3a91910c1ccb9169 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Tue, 27 Oct 2015 17:15:23 +0100
Subject: [PATCH] Add tertiary button style

---
 .../ascribe_buttons/delete_button.js          |  2 +-
 sass/ascribe_custom_style.scss                | 23 +++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/js/components/ascribe_buttons/delete_button.js b/js/components/ascribe_buttons/delete_button.js
index f2367bc3..ac4ec182 100644
--- a/js/components/ascribe_buttons/delete_button.js
+++ b/js/components/ascribe_buttons/delete_button.js
@@ -45,7 +45,7 @@ let DeleteButton = React.createClass({
                 title = getLangText('Delete Edition');
             }
 
-            btnDelete = <Button bsStyle="danger" className="btn-delete" bsSize="small">{getLangText('DELETE')}</Button>;
+            btnDelete = <button className="btn btn-sm btn-tertiary">{getLangText('DELETE')}</button>;
         
         } else if(availableAcls.acl_unshare){
             
diff --git a/sass/ascribe_custom_style.scss b/sass/ascribe_custom_style.scss
index 51281d91..a0d652cf 100644
--- a/sass/ascribe_custom_style.scss
+++ b/sass/ascribe_custom_style.scss
@@ -327,6 +327,29 @@ fieldset[disabled] .btn-secondary.active {
     }
 }
 
+.btn-tertiary {
+    background-color: transparent;
+    border-color: transparent;
+    color: #888;
+
+    &:focus,
+    &:active:focus,
+    &:active.focus {
+        background-color: transparent;
+        border-color: transparent;
+        color: #888;
+    }
+
+    &:hover,
+    &:active,
+    &:active:hover,
+    &.active:hover{
+        background-color: $ascribe-pink;
+        border-color: $ascribe-pink;
+        color: $ascribe-white;
+    }
+}
+
 .ascribe-piece-list-toolbar-filter-widget button {
     background-color: transparent;
     border: 1px solid transparent;