Adding pointer unselectable to display names.

diff --git a/ui/src/components/community-form.tsx b/ui/src/components/community-form.tsx
index 7e6c4cf45b37a3f173c1d9073ca5c279cb01c2a3..4c6522db164c7a602cf7e76c8913b3fc9039ec4e 100644 (file)
--- a/ui/src/components/community-form.tsx
+++ b/ui/src/components/community-form.tsx
@@ -116,14 +116,14 @@ export class CommunityForm extends Component<
             <div class="form-group row">
               <label class="col-12 col-form-label" htmlFor="community-name">
                 {i18n.t('name')}
-                <a
-                  class="btn btn-sm text-muted"
+                <span
+                  class="pointer unselectable ml-2 text-muted"
                   data-tippy-content={i18n.t('name_explain')}
                 >
                   <svg class="icon icon-inline">
                     <use xlinkHref="#icon-help-circle"></use>
                   </svg>
-                </a>
+                </span>
               </label>
               <div class="col-12">
                 <input
@@ -144,14 +144,14 @@ export class CommunityForm extends Component<
           <div class="form-group row">
             <label class="col-12 col-form-label" htmlFor="community-title">
               {i18n.t('display_name')}
-              <a
-                class="btn btn-sm text-muted"
+              <span
+                class="pointer unselectable ml-2 text-muted"
                 data-tippy-content={i18n.t('display_name_explain')}
               >
                 <svg class="icon icon-inline">
                   <use xlinkHref="#icon-help-circle"></use>
                 </svg>
-              </a>
+              </span>
             </label>
             <div class="col-12">
               <input