src/app/modules/legacy/components/buttons/buttons.scss

@@ -69,25 +69,25 @@ minds-button-remind {
 
 .minds-boost-button{
   font-size: 12px;
+  font-weight: 400;
   height: auto;
   min-height: 0;
   line-height: 18px;
-  text-transform: capitalize;
+  text-transform: uppercase;
   align-self: center;
   padding: 3px 0;
-  min-width: 62px;
+  min-width: 72px;
   width: auto;
   margin: -3px 0;
   display: block;
-  @include m-theme(){
-    background-color: themed($m-blue) !important;
-  }
-  
-  &:hover {
-    @include m-theme(){
-      background-color: rgba(themed($m-blue-dark),0.9) !important;
-    }
+  flex: 0 !important;
+
+  span {
+    min-width: 72px;
+    text-align: center;
+    vertical-align: middle;
   }
+
 }
 
 .selected{
@@ -136,4 +136,4 @@ minds-button-remind > a {
       color: themed($m-blue-grey-800);
     }
   }
-}
\ No newline at end of file
+}

src/app/modules/legacy/components/cards/activity/activity.component.scss

 .tabs .m-wire-button{
-  transform: scale(0.8) translateY(-4px);
+//  transform: scale(0.8) translateY(-4px);
+  margin: -3px 0;
 }
 .m-pin-button {
   overflow: visible;
@@ -88,9 +89,9 @@ minds-activity {
     padding-left: 8px;
     margin: auto;
 
-    padding: 3px 0 3px 8px;
+    padding: 2px 0 2px 8px;
     font-size: 14px;
-    line-height: 9px;
+    line-height: 8px;
     border-radius: 3px;
     vertical-align: middle;
     //text-align: center;
@@ -120,7 +121,7 @@ minds-activity {
   }
 
   .m-activity--metrics-metric{
-    font-size: 10px;
+    font-size: 9px;
     display: inline-block;
     vertical-align: middle;
 

src/app/modules/legacy/components/cards/activity/activity.html

@@ -210,21 +210,21 @@
 <div class="tabs" *ngIf="!hideTabs && !isPending(activity)">
 	<minds-button-thumbs-up [object]="activity"></minds-button-thumbs-up>
 	<minds-button-thumbs-down [object]="activity"></minds-button-thumbs-down>
-  <m-wire-button *ngIf="session.getLoggedInUser().guid != (activity.remind_object ? activity.remind_object.owner_guid : activity.owner_guid)"
-    [object]="activity.remind_object ? activity.remind_object : activity"
-    (done)="wireSubmitted($event)"
-  ></m-wire-button>
+    <m-wire-button *ngIf="session.getLoggedInUser().guid != activity.owner_guid"
+      [object]="activity"
+      (done)="wireSubmitted($event)"
+    ></m-wire-button>
+    <button class="m-btn m-btn--action m-btn--slim minds-boost-button"
+      *ngIf ="session.getLoggedInUser().guid == activity.owner_guid"
+      id="boost-actions"
+      (click)="showBoost()">
+      <span i18n="verb|@@M__ACTION__BOOST">Boost</span>
+    </button>
 	<minds-button-comment [object]="activity" (click)="openComments()"></minds-button-comment>
 	<minds-button-remind [object]="activity"></minds-button-remind>
-  <a class="mdl-button mdl-color-text--white mdl-button--colored minds-boost-button"
-    *ngIf ="session.getLoggedInUser().guid == activity.owner_guid"
-    id="boost-actions"
-    (click)="showBoost()">
-    <ng-container i18n="verb|@@M__ACTION__BOOST">Boost</ng-container>
-  </a>
 </div>
 
-<div class="impressions-tag m-activity--metrics" [class.m-activity--metrics-wire]="!session.getLoggedInUser() || session.getLoggedInUser().guid != activity.owner_guid" *ngIf="!activity.hide_impressions && !hideTabs">
+<div class="impressions-tag m-activity--metrics m-activity--metrics-wire" *ngIf="!activity.hide_impressions && !hideTabs">
   <div class="m-activity--metrics-inner m-border">
     <div class="m-activity--metrics-metric" (click)="showWire()">
   		<i class="ion-icon ion-flash"></i>

src/app/modules/wire/button/button.component.scss

 .m-wire-button {
-  appearance: none;
+  /*appearance: none;
   background: transparent;
   border: 0;
   border-radius: 0;
-  padding: 0;
+  */
+  padding: 3px;
+  height: auto;
+  line-height: 18px;
   cursor: pointer;
   @include m-theme(){
     color: themed($m-blue);
@@ -16,7 +19,13 @@
   }
   
   > .ion-icon {
-    transform: scale(1.6);
+  //  transform: scale(1.6);
+  font-size: 18px;
+  }
+
+  span {
+    margin-left: $minds-margin;
+    vertical-align: middle;
   }
 
   &:focus {

src/app/modules/wire/button/button.component.ts

@@ -8,8 +8,9 @@ import { Session } from '../../../services/session';
 @Component({
   selector: 'm-wire-button',
   template: `
-    <button class="m-wire-button" (click)="wire()">
-      <i class="ion-icon ion-flash"></i>
+    <button class="m-btn m-btn--action m-btn--slim m-wire-button" (click)="wire()">
+        <i class="ion-icon ion-flash"></i>
+        <span>Donate</span>
     </button>
   `
 })

src/app/modules/wire/channel/channel.component.html

@@ -7,7 +7,7 @@
     <i class="ion-icon ion-flash"></i>
 
     <span class="m-wire-channel--cta-label">
-      <span i18n="@@WIRE__CHANNEL__WIRE_ME_ACTION">Wire me</span>
+      <span i18n="@@WIRE__CHANNEL__WIRE_ME_ACTION">Donate</span>
     </span>
   </button>
 </div>