From 0dcaa990b4be69c8ffa4454d9897b0fc426706f7 Mon Sep 17 00:00:00 2001
From: tshenry <taylor@discourse.org>
Date: Wed, 3 Jun 2020 16:39:12 -0700
Subject: [PATCH] UX: minor share report popup improvements (#49)

---
 .../discourse/templates/components/share-report.hbs         | 6 ++----
 assets/stylesheets/explorer.scss                            | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/assets/javascripts/discourse/templates/components/share-report.hbs b/assets/javascripts/discourse/templates/components/share-report.hbs
index 4493742..4a6624a 100644
--- a/assets/javascripts/discourse/templates/components/share-report.hbs
+++ b/assets/javascripts/discourse/templates/components/share-report.hbs
@@ -5,9 +5,7 @@
 {{#if visible}}
   <div class='popup'>
     <label>{{i18n "explorer.link"}} {{group}}</label>
-    <input value={{link}}/>
-    <span onclick={{action "close"}}>
-      {{d-icon "times"}}
-    </span>
+    <input type="text" value={{link}}/>
+    {{d-button action="close" class="btn-flat close" icon="times" aria-label="share.close" title="share.close"}}
   </div>
 {{/if}}
diff --git a/assets/stylesheets/explorer.scss b/assets/stylesheets/explorer.scss
index 0be047d..da8e5c5 100644
--- a/assets/stylesheets/explorer.scss
+++ b/assets/stylesheets/explorer.scss
@@ -413,7 +413,7 @@ table.group-reports {
     margin-right: 4px;
   }
   .popup {
-    background: white;
+    background-color: $secondary;
     position: absolute;
     box-shadow: shadow("card");
     padding: 12px;