Fix SHA badge with avatar

Author: CL-Jeremy

templates/repo/shabox_badge.tmpl

@@ -3,10 +3,10 @@
 		<div title="{{if eq .verification.TrustStatus "trusted"}}{{else if eq .verification.TrustStatus "untrusted"}}{{$.root.i18n.Tr "repo.commits.signed_by_untrusted_user"}}: {{else}}{{$.root.i18n.Tr "repo.commits.signed_by_untrusted_user_unmatched"}}: {{end}}{{.verification.Reason}}">
 		{{if ne .verification.SigningUser.ID 0}}
 			{{svg "gitea-lock" 12}}
-			{{avatar .verification.SigningUser 28 "signature"}}
+			{{avatar .verification.SigningUser 14 "signature"}}
 		{{else}}
 			<span title="{{$.root.i18n.Tr "gpg.default_key"}}">{{svg "gitea-lock-cog" 12}}</span>
-			{{avatarByEmail .verification.SigningEmail "" 28 "signature"}}
+			{{avatarByEmail .verification.SigningEmail "" 14 "signature"}}
 		{{end}}
 		</div>
 	{{else}}

web_src/less/_repository.less

@@ -1334,7 +1334,7 @@
           text-align: center;
         }
 
-        width: 140px;
+        width: 154px;
       }
 
       .age {
@@ -1362,15 +1362,15 @@
     border: 1px solid var(--color-light-border);
 
     .ui.signature.avatar {
-      height: 16px;
-      margin-bottom: 0;
-      width: 16px;
+      height: 14px;
+      margin: -1px 1px;
+      width: 14px;
     }
 
     .detail.icon {
       background: var(--color-light);
       margin: -6px -10px -4px 0;
-      padding: 5px 4px 6px 6px;
+      padding: 5.4px 4px 5.5px 6px;
       border-left: 1px solid var(--color-light-border);
       border-top: 0;
       border-right: 0;
@@ -1415,11 +1415,6 @@
       border: 1px solid #21ba45;
       background: fade(#21ba45, 10%);
 
-      .shortsha {
-        display: inline-block;
-        padding-top: 1px;
-      }
-
       .detail.icon {
         border-left: 1px solid #21ba45;
         color: #21ba45;
@@ -1434,11 +1429,6 @@
       border: 1px solid #fbbd08;
       background: fade(#fbbd08, 10%);
 
-      .shortsha {
-        display: inline-block;
-        padding-top: 1px;
-      }
-
       .detail.icon {
         border-left: 1px solid #fbbd08;
         color: #fbbd08;
@@ -1453,11 +1443,6 @@
       border: 1px solid #f2711c;
       background: fade(#f2711c, 10%);
 
-      .shortsha {
-        display: inline-block;
-        padding-top: 1px;
-      }
-
       .detail.icon {
         border-left: 1px solid #f2711c;
         color: #f2711c;

web_src/less/features/gitgraph.less

@@ -131,7 +131,7 @@
     }
 
     .sha.label .ui.detail.icon.button {
-      padding-top: 3px;
+      padding-top: 4.5px;
       margin-top: -5px;
     }