Added some tweaks to Members Detail link for Activity

refs: https://github.com/TryGhost/Team/issues/1373

- changed searched name clear to say Clear Member as there was duplicates across the screen
- tried to tidy up the Member Detail link when filtered by members in Activity
- few tiny CSS tweaks

ghost/admin/app/components/gh-member-details-activity.hbs

@@ -21,14 +21,14 @@
                             <span class="midgrey">New member</span>
                             {{/if}}
                         {{/unless}}
-                        <span class="gh-member-details-activity-email">
-                            {{#if (and @member.name @member.email)}}
-                                &nbsp;&middot;&nbsp;{{@member.email}}
-                            {{/if}}
-                        </span>
                     </h3>
                     <p>
-                        <LinkTo class="gh-member-details-activity-link" @route="member" @model={{@member}}>{{svg-jar "member"}} See member details</LinkTo>
+                        {{#if (and @member.name @member.email)}}
+                            {{@member.email}}
+                        {{/if}}
+                    </p>
+                    <p>
+                        <LinkTo class="gh-member-details-activity-link" @route="member" @model={{@member}}>{{svg-jar "members"}} See member details</LinkTo>
                     </p>
                 </div>
             </div>

ghost/admin/app/components/members-activity/member-filter.hbs

@@ -1,8 +1,7 @@
 {{#if @selected}}
     <div class="gh-btn" {{on "click" (fn @onChange null)}}>
         <span class="gh-btn-label-green">
-            {{or @selected.name @selected.email}}
-            &times;
+            Clear member &times;
         </span>
     </div>
 {{else}}

ghost/admin/app/styles/layouts/member-activity.css

@@ -28,7 +28,7 @@
 }
 
 .gh-member-details-activity h3 {
-    margin: 0;
+    margin: 0 0 3px;
     padding: 0;
     font-size: 1.6rem;
     font-weight: 600;
@@ -46,22 +46,29 @@
 }
 
 .gh-member-details-activity-link {
-    margin: 0 0 0 -2px;
+    margin: 1px 0 0;
     padding: 0;
     font-size: 1.4rem;
+    font-weight: 400;
     color: var(--green);
     display: flex;
     align-items: center;
+    transition: color 125ms linear;
+}
+
+.gh-member-details-activity-link:hover {
+    color: var(--green-d2);
 }
 
 .gh-member-details-activity-link svg {
     width: 1.6rem;
     height: 1.6rem;
     margin-right: 0.6rem;
+    color: var(--green);
 }
 
-.gh-member-details-activity-link svg path {
-    fill: var(--green);
+.gh-member-details-activity-link:hover svg {
+    color: var(--green-d2);
 }
 
 .gh-member-details-activity-email {