Add a close button to the comment gilding box.

r2/r2/public/static/css/reddit.css

@@ -5416,6 +5416,26 @@ tr.gold-accent + tr > td {
     margin-left: 80px;
 }
 
+.gold-payment .close-button {
+    width: 13px;
+    height: 13px;
+    float: right;
+    margin: 6px 4px 6px 8px;
+    border: none;
+    background: url(../close.png) no-repeat;  /* SPRITE */
+    text-indent: -9999px;
+    opacity: .25;
+}
+
+.gold-payment .close-button:hover {
+    opacity: .55;
+}
+
+.gold-payment .close-button:active {
+    position: relative;
+    top: 1px;
+}
+
 .giftmessage {
     border: solid #888 1px;
     color: black;

r2/r2/public/static/js/gold.js

@@ -4,7 +4,7 @@ r.gold = {
     init: function () {
         $('div.content').on(
             'click',
-            'a.give-gold, .gilded-comment-icon',
+            'a.give-gold, .gilded-comment-icon, .gold-payment .close-button',
             $.proxy(this, '_toggleCommentGoldForm')
         )
     },

r2/r2/templates/goldpayment.html

@@ -29,6 +29,9 @@
 
 <div class="gold-form gold-payment ${'cloneable' if thing.clone_template else ''}">
   <div class="roundfield">
+    % if thing.clone_template:
+      <button class="close-button">${_('close')}</button>
+    % endif
     <img src="${static('reddit_gold-70.png')}" class="gold-logo">
     <div class="roundfield-content">
       ${unsafe(safemarkdown(thing.summary, wrap=False))}