aethetic changes

src/app/modules/plus/plan/payment-plan.component.html

@@ -22,19 +22,19 @@
  <h6 class="m-plus-plan__period-title">Monthly</h6>
  <span class="m-plus-plan__period-price"><strong>20 OffChain Tokens</strong><input [(ngModel)]="tier" type="radio" name="offchainMonthly" [value]="tiers.OFFCHAIN_MONTHLY"></span>
  <span class="m-m-plus-plan__period-price"><em>OnChain not available</em></span>
- <span class="m-m-plus-plan__period-price"><strong>5 USD</strong></span>
+ <!-- <span class="m-m-plus-plan__period-price"><strong>5 USD</strong></span> -->
  </div>
  <div class="m-plus-plan__period-container">
  <h6 class="m-plus-plan__period-title">Annual</h6>
  <span class="m-plus-plan__period-price"><strong>200 OffChain Tokens</strong><input [(ngModel)]="tier" type="radio" name="offchainYearly" [value]="tiers.OFFCHAIN_YEARLY"></span>
  <span class="m-plus-plan__period-price"><strong>40 OnChain Tokens</strong><input [(ngModel)]="tier" type="radio" name="onchainYearly" [value]="tiers.ONCHAIN_YEARLY"></span>
- <span class="m-plus-plan__period-price"><strong>50 USD</strong></span>
+ <!-- <span class="m-plus-plan__period-price"><strong>50 USD</strong></span> -->
  </div>
  <div class="m-plus-plan__period-container">
  <h6 class="m-plus-plan__period-title">Lifetime</h6>
  <span class="m-plus-plan__period-price"><strong>5,000 OffChain Tokens</strong><input [(ngModel)]="tier" type="radio" name="offchainLife" [value]="tiers.OFFCHAIN_LIFETIME"></span>
  <span class="m-plus-plan__period-price"><strong>400 OnChain Tokens</strong><input [(ngModel)]="tier" type="radio" name="onchainLife" [value]="tiers.ONCHAIN_LIFETIME"></span>
- <span class="m-plus-plan__period-price"><strong>500 USD</strong></span>
+ <!-- <span class="m-plus-plan__period-price"><strong>500 USD</strong></span> -->
  </div>
  </form>
  </div>

src/app/modules/plus/plan/payment-plan.component.scss

@@ -60,7 +60,7 @@
 
 
  .m-plus-plan__period-container {
- padding: 24px;
+ padding: 22px;
  display: flex;
  flex-direction: column;
  line-height: 32px;
@@ -93,7 +93,7 @@
 
  input {
  align-self: center;
- margin-left: 14px;
+ margin-left: 18px;
  width: 16px;
  height: 16px;
  @media screen and (max-width:$min-tablet) {

src/app/modules/plus/subscription.component.html

 
-<button class="mdl-button mdl-button--colored mdl-color--green" *ngIf="user && !isPlus()" (click)="purchase(20, 'month')" [hidden]="active">Upgrade - 20 Tokens/month</button>
-<button class="mdl-button mdl-button--colored mdl-color--green" *ngIf="user && !isPlus() && false" (click)="purchase(200, 'year')" [hidden]="active">Upgrade - 200 Tokens/year</button>
+<button class="mdl-button mdl-button--colored mdl-color--green" *ngIf="user && !isPlus()" (click)="purchase(20, 'month')" [hidden]="active">Purchase</button>
+<button class="mdl-button mdl-button--colored mdl-color--green" *ngIf="user && !isPlus() && false" (click)="purchase(200, 'year')" [hidden]="active">Purchase</button>
 <button class="mdl-button mdl-button--colored mdl-color--green" *ngIf="user && isPlus()" (click)="cancel()" i18n="@@PLUS__MKT__CANCEL_ACTION">Cancel Plus</button>
-<button class="mdl-button mdl-button--colored mdl-color--green" *ngIf="!user" routerLink="/login">Upgrade - 200 Tokens/year</button>
+<button class="mdl-button mdl-button--colored mdl-color--green" *ngIf="!user" routerLink="/login">Purchase</button>
 
 
 <div class="m-plus--subscription mdl-card mdl-shadow--4dp" *ngIf="active">