accurator/commit

Changed styling buttons, resolves #208

authorChris Dijkshoorn
Fri Apr 15 17:14:33 2016 +0200
committerChris Dijkshoorn
Fri Apr 15 17:14:33 2016 +0200
commitd5e7249571865d3cd04ee065743d6a1db3887151
tree3fa799ddc0da819b628d76f55144a67f95a10fe4
parent19e62acce80d6d330ade0733b813833034181725
Diff style: patch stat
diff --git a/web/css/annotorious.css b/web/css/annotorious.css
index f1ad5a1..353e89e 100644
--- a/web/css/annotorious.css
+++ b/web/css/annotorious.css
@@ -203,33 +203,12 @@
   padding-top:2px;
 }
 
-/*.annotorious-editor-button {
+.annotorious-editor-button {
   float:right;
-  line-height: normal;
   display:inline-block;
-  text-align:center;
-  text-decoration:none;
-  font-family:Verdana, Arial;
-  font-size:10px;
-  border:1px solid #777;
-  color:#ddd;
   padding:3px 8px;
   margin:1px 2px 0px 1px;
-  cursor:pointer;
-  cursor:hand;
-  background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#555));
-  background:-moz-linear-gradient(top,  #888,  #555);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#555555');
-  -moz-border-radius:2px;
-  -webkit-border-radius:2px;
-  -khtml-border-radius:2px;
-  border-radius:2px;
-}
-
-.annotorious-editor-button:hover {
-  background:#999;
 }
-*/
 
 .annotorious-editor-field {
   border-bottom:1px solid #ccc;
diff --git a/web/js/components/deniche-plugin.js b/web/js/components/deniche-plugin.js
index 0be6112..34a807a 100644
--- a/web/js/components/deniche-plugin.js
+++ b/web/js/components/deniche-plugin.js
@@ -180,8 +180,10 @@ annotorious.plugin.DenichePlugin.prototype.installHandlers = function() {
 		// store buttons, change labels and change styling
 		oSelf._saveButtons[annotation.fieldsId] = $(".annotorious-editor-button-save").get(0);
 		oSelf._saveButtons[annotation.fieldsId].innerHTML = oSelf._labels.annoBtnDone;
+		oSelf._saveButtons[annotation.fieldsId].className += " btn btn-primary btn-sm";
 		oSelf._cancelButtons[annotation.fieldsId] = $(".annotorious-editor-button-cancel").get(0);
 		oSelf._cancelButtons[annotation.fieldsId].innerHTML = oSelf._labels.annoBtnCancel;
+		oSelf._cancelButtons[annotation.fieldsId].className += " btn btn-default btn-sm";
 
 		// set focus on first field (exlude hint input field introduced by twitter typeahead)
 		$(".annotorious-editor input").not(".tt-hint")[0].focus();