add css tags

public/css/main.css

@@ -1579,4 +1579,26 @@ html[lang="ja-jp"] .header .nav-btn { padding: 0 8px;}
 
 .input-ui-list + .add-input {
     margin-bottom:1rem;
+}
+
+span.tag {
+    padding: 2px 0.5rem;
+    border-radius: 1rem;
+    box-shadow: 0px 0px 1px 0px black;
+}
+
+.tag.accepted {
+    background: hsla(100, 100%, 50%, 0.3);
+}
+
+.tag.pending {
+    background: #1d6d90;
+}
+
+.tag a.tag-form.plus {
+    content: '+';
+}
+
+.tag a.tag-form.minus {
+    content: '-';
 }

templates/site/torrents/view.jet.html

@@ -68,10 +68,10 @@
       <td class="torrent-info-td torrent-info-label">{{ T("torrent_tags")}}:</td>
       <td class="tr-flag torrent-view-td torrent-info-data">
         {{ range Torrent.Tags}}
-        <span class="tag{{ if len(Torrent.Tags) > 5 }} big{{ end }}" title="{{ .Tag }}">
+        <span class="tag{{ if len(Torrent.Tags) > 5 }} big{{ end }}{{ if !.Accepted }} pending{{else}} accepted{{end}}" title="Tag: {{ .Type }}">
           {{ T("tagtype_" + .Type) }}: {{ .Tag }}
           {{ if .Accepted == false }}
-          <a href="/torrent/tag/{{ if User.Tags.Contains(.) }}remove{{else}}add{{end}}?id={{Torrent.ID}}&tag={{ .Tag }}&type={{ .Type }}" class="tag-form">{{ if User.Tags.Contains(.) }}-{{else}}+{{end}}</a>
+          <a href="/torrent/tag/{{ if User.Tags.Contains(.) }}remove{{else}}add{{end}}?id={{Torrent.ID}}&tag={{ .Tag }}&type={{ .Type }}" class="tag-form {{ if User.Tags.Contains(.) }}minus{{else}}plus{{end}}"></a>
           {{ end }}
         </span>
         {{end}}