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>