fix access token text box

Signed-off-by: Matt Wrock <matt@mattwrock.com>

Author: mwrock

components/builder-web/app/profile/profile/_profile.component.scss

@@ -13,6 +13,7 @@
       color: $hab-text;
       background-color: #f0f5f8;
       font-weight: 600;
+      min-width: 0;
 
       @include tablet-up {
         margin-bottom: 0;

components/builder-web/app/profile/profile/profile.component.html

@@ -61,7 +61,7 @@ <h3>Personal Access Token</h3>
           </ng-container>
           <ng-container *ngIf="newAccessToken">
             <div class="controls">
-              <hab-copyable style="input" [text]="newAccessToken.token"></hab-copyable>
+              <hab-copyable variant="input" [text]="newAccessToken.token"></hab-copyable>
               <div class="actions">
                 <a class="generate" (click)="generateToken(true)">{{ buttonLabel }}</a>
                 <a class="delete" (click)="deleteToken(newAccessToken.id)" *ngIf="!deletingAccessToken">Delete</a>

components/builder-web/app/shared/copyable/copyable.component.html

@@ -1,4 +1,4 @@
-<div class="copyable-component" [ngClass]="style">
+<div class="copyable-component" [ngClass]="variant">
   <span>{{ text }}</span>
   <button (click)="copy($event)" [class.copied]="copied" [matTooltip]="title" matTooltipPosition="above">
     <hab-icon [symbol]="symbol"></hab-icon>

components/builder-web/app/shared/copyable/copyable.component.ts

@@ -23,7 +23,7 @@ import { MatTooltip } from '@angular/material/tooltip';
 export class CopyableComponent {
 
   @Input() text: string = '';
-  @Input() style: string = 'unstyled';
+  @Input() variant: string = 'unstyled';
 
   public copied: boolean = false;