Improve presentation of signed commit verification

src/main/twirl/gitbucket/core/repo/commits.scala.html

@@ -42,7 +42,7 @@
             <div class="pull-right text-right">
               @if(commit.commitSign.isDefined){
                 @commit.verified.map{ v =>
-                  <span class="gpg-verified">Verified signed by @v.signedUser (@v.signedKeyId)</span>
+                  <span class="gpg-verified" data-toggle="tooltip" title="Signed by @v.signedUser (@v.signedKeyId)">Verified</span>
                 }.getOrElse{
                   <span class="gpg-unverified">Unverified</span>
                 }
@@ -128,6 +128,8 @@
     </nav>
     <script>
       $(function () {
+        $('[data-toggle="tooltip"]').tooltip();
+
         $('.toggle-check').click(function(){
           var div = $(this).next('div');
           if(div.is(':visible')){

src/main/webapp/assets/common/css/gitbucket.css

@@ -1088,6 +1088,22 @@ div.author-info div.committer {
   font-size: 30px;
 }
 
+.gpg-verified {
+  color: #3c763d;
+  border: 1px solid #3c763d;
+  border-radius: 3px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.gpg-unverified {
+  color: #777;
+  border: 1px solid #777;
+  border-radius: 3px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
 /****************************************************************************/
 /* Diff */
 /****************************************************************************/