From ae1714bf7da32113e926772a14cdde5d5d1e6bb2 Mon Sep 17 00:00:00 2001
From: OldHawk <taobataoma@gmail.com>
Date: Fri, 19 Jan 2018 16:19:01 +0800
Subject: [PATCH] chg(torrents): change torrent overview edit button css

---
 modules/core/client/less/btn-size.less        | 30 +++++++++++++++----
 .../views/view-torrent.client.view.html       |  9 ++++--
 2 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/modules/core/client/less/btn-size.less b/modules/core/client/less/btn-size.less
index 165d4018..87c7579e 100644
--- a/modules/core/client/less/btn-size.less
+++ b/modules/core/client/less/btn-size.less
@@ -120,14 +120,32 @@
         color: #efefef;
         border-color: #ccc;
     }
+}
 
-    &.btn-mt-o-success {
+.btn-mt-o-success {
+    color: @state-success-text;
+    border: solid 1px @state-success-text;
+    &:focus {
         color: @state-success-text;
-        border: solid 1px @state-success-text;
-        &:focus {
-            color: @state-success-text;
-            border-color: @state-success-text;
-        }
+        border-color: @state-success-text;
+    }
+}
+
+.btn-mt-o-primary {
+    color: @brand-primary;
+    border: solid 1px @brand-primary;
+    &:focus {
+        color: @brand-primary;
+        border-color: @brand-primary;
+    }
+}
+
+.btn-mt-o-light {
+    color: #fff !important;
+    border: solid 1px #fff !important;
+    &:focus {
+        color: #fff !important;
+        border-color: #fff !important;
     }
 }
 
diff --git a/modules/torrents/client/views/view-torrent.client.view.html b/modules/torrents/client/views/view-torrent.client.view.html
index 345893e3..9467a780 100644
--- a/modules/torrents/client/views/view-torrent.client.view.html
+++ b/modules/torrents/client/views/view-torrent.client.view.html
@@ -187,9 +187,12 @@
                                                  ng-bind-html="vm.getOverviewMarkedContent(vm.TGI.getTorrentOverview(vm.torrentLocalInfo))">
                                             </div>
                                         </div>
-                                        <span class="edit-overview-div" ng-if="vm.isOwner(vm.torrentLocalInfo) || vm.user.isOper">
-                                            <a href="#" ng-click="vm.beginEditOverview(vm.torrentLocalInfo)">{{'EDIT_THIS_OVERVIEW' | translate}}</a>
-                                        </span>
+
+                                        <button class="btn btn-xs btn-mt-o" mouse-enter-toggle-class="btn-mt-o-light" base-class="btn-mt-o-primary"
+                                                ng-if="vm.isOwner(vm.torrentLocalInfo) || vm.user.isOper"
+                                                ng-click="vm.beginEditOverview(vm.torrentLocalInfo)">
+                                            {{'EDIT_THIS_OVERVIEW' | translate}}
+                                        </button>
                                     </div>
                                 </dd>
                             </div>