Use d-button to stop event propagation

Use d-button to stop event propagation

diff --git a/assets/javascripts/discourse/templates/components/endorsement-button.hbs b/assets/javascripts/discourse/templates/components/endorsement-button.hbs
index e594222..ad2b7c4 100644
--- a/assets/javascripts/discourse/templates/components/endorsement-button.hbs
+++ b/assets/javascripts/discourse/templates/components/endorsement-button.hbs
@@ -2,9 +2,11 @@
   {{#if endorsements}}
     <div class="category-expert-existing-endorsements">
       {{i18n "category_experts.existing_endorsements" count=endorsementsCount}}
-      <span onclick={{action "openEndorsementModal"}} class="endorse-link">
-        {{i18n "category_experts.edit"}}
-      </span>
+      {{d-button
+        action=(action "openEndorsementModal")
+        class="btn-flat category-expert-endorse-edit"
+        label="category_experts.edit"
+      }}
     </div>
   {{else}}
     {{d-button
diff --git a/assets/stylesheets/common.scss b/assets/stylesheets/common.scss
index 4001653..a8b8e58 100644
--- a/assets/stylesheets/common.scss
+++ b/assets/stylesheets/common.scss
@@ -1,12 +1,24 @@
 .category-expert-existing-endorsements {
   font-size: $font-down-2;
 
-  .endorse-link {
+  .category-expert-endorse-edit {
+    display: inline-block;
+    width: unset;
+    min-width: unset;
+    padding: 2px;
     color: $tertiary;
     cursor: pointer;
+    font-weight: bold;
     text-decoration: underline;
   }
 }
+.user-card .first-row .usercard-controls .category-expert-endorse-edit, .group-card .first-row .usercard-controls .category-expert-endorse-edit {
+
+  width: unset;
+  min-width: unset;
+}
+
+
 
 .reviewable-category-expert-suggestion {
   .reviewable-category-experts-header {

GitHub sha: f0171d94