Wall: New pin icon instead of X icon on Pin/Unpin action

Web/Presenters/templates/components/post/microblogpost.xml

@@ -33,9 +33,9 @@
                     
                     {if $post->canBePinnedBy($thisUser) && !($forceNoPinLink ?? false) && !isset($compact)}
                         {if $post->isPinned()}
-                            <a class="delete" href="/wall{$post->getPrettyId()}/pin?act=unpin&hash={rawurlencode($csrfToken)}"></a>
+                            <a class="pin" href="/wall{$post->getPrettyId()}/pin?act=unpin&hash={rawurlencode($csrfToken)}"></a>
                         {else}
-                            <a class="delete" href="/wall{$post->getPrettyId()}/pin?act=pin&hash={rawurlencode($csrfToken)}"></a>
+                            <a class="pin" href="/wall{$post->getPrettyId()}/pin?act=pin&hash={rawurlencode($csrfToken)}"></a>
                         {/if}
                     {/if}
                 </div>

Web/static/css/microblog.css

@@ -62,3 +62,18 @@
 .post-author .delete:hover {
     opacity: 0.4;
 }
+
+.post-author .pin {
+    float: right;
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+    overflow: auto;
+    background: url("/assets/packages/static/openvk/img/pin.png") no-repeat 0px 0px;
+    opacity: 0.1;
+    transition-duration: 0.3s;
+}
+
+.post-author .pin:hover {
+    opacity: 0.4;
+}