src/app/invoice/invoice.component.ts

@@ -17,7 +17,6 @@ var Buffer = require('buffer/').Buffer;
   templateUrl: './invoice.component.html',
   styleUrls: ['./invoice.component.css']
 })
-
 export class InvoiceComponent implements OnInit {
 	faCheck = faCheck;
 	faHourglass = faHourglass;

src/app/settings/settings.component.html

@@ -170,92 +170,52 @@
 					</div>			
 				</mat-tab>
 				<mat-tab label="WooCommerce">
-					<div >
+					<div *ngIf="wooOwner == ''">
-							<div *ngIf="wooOwner == ''">
+						<button mat-raised-button color="primary" (click)="generateWooToken()">
-								<button mat-raised-button color="primary" (click)="generateWooToken()">
+							Generate Token
-									Generate Token
+						</button>
-								</button>
-							</div>
-							<table *ngIf="wooOwner != ''">
-								<tbody>
-								<tr>
-									<td class="heading" style="width: 100%;">Owner:</td>
-								</tr>
-								<tr>
-									<td>
-									<div>
-										<textarea disabled
-												  style="border: none;
-														 outline: none;
-														 min-height: 150px;
-														 width: 94%;"
-												  cdkTextareaAutosize
-												  cdkAutosizeMinRows="1"
-												  cdkAutosizeMaxRows="3">{{wooOwner}}
-										</textarea>
-									</div>
-									</td>
-									<td class="urlCopyBtn">
-										<a (click)='copyWooOwner()' >	
-											<fa-icon [icon]="faCopy" 
-										class="copy-button">
-											</fa-icon>
-										</a>
-									</td>
-								</tr>
-								<tr>
-									<td class="heading" style="width: 60%;">Token:</td>
-								</tr>
-								<tr>
-									<td>
-									<div>
-										<textarea disabled
-												  style="border: none;
-														 outline: none;
-														 min-height: 150px;
-														 width: 94%;"
-												  cdkTextareaAutosize
-												  cdkAutosizeMinRows="1"
-												  cdkAutosizeMaxRows="3">{{wooToken}}
-										</textarea>
-									</div>
-									</td>
-									<td class="urlCopyBtn">
-										<a (click)='copyWooToken()' >	
-											<fa-icon [icon]="faCopy" 
-										class="copy-button">
-											</fa-icon>
-										</a>
-									</td>
-								</tr>
-								<tr>
-									<td class="heading" style="width: 60%;">URL:</td>
-								</tr>
-								<tr>
-									<td>
-									<div>
-										<textarea disabled
-												  style="border: none;
-														 outline: none;
-														 min-height: 150px;
-														 width: 94%;"
-												  cdkTextareaAutosize
-												  cdkAutosizeMinRows="1"
-												  cdkAutosizeMaxRows="3">{{wooUrl}}
-										</textarea>
-									</div>
-									</td>
-								</tr>
-							    </tbody>
-							</table>
-							<div class="toolbar" align="center">
-								<button mat-raised-button 
-										(click)="close()">
-									Close
-								</button>
-							</div>
-						
 					</div>
+					<table *ngIf="wooOwner != ''">
+						<tr>
+							<td class="heading">Owner:</td>
+						</tr>
+						<tr>
+							<td class="small">{{wooOwner}}</td>
+							<td class="urlCopyBtn">
+								<a (click)='copyWooOwner()' >	
+									<fa-icon [icon]="faCopy" 
+								class="copy-button">
+									</fa-icon>
+								</a>
+							</td>
+						</tr>
+						<tr>
+							<td class="heading">Token:</td>
+						</tr>
+						<tr>
+							<td class="small">{{wooToken}}</td>
+							<td class="urlCopyBtn">
+								<a (click)='copyWooToken()' >	
+									<fa-icon [icon]="faCopy" 
+								class="copy-button">
+									</fa-icon>
+								</a>
+							</td>
+						</tr>
+						<tr>
+							<td class="heading">URL:</td>
+						</tr>
+						<tr>
+							<td class="small">{{wooUrl}}</td>
+						</tr>
+					</table>
+					<div class="toolbar" align="center">
+						<button mat-raised-button 
+								(click)="close()">
+							Close
+						</button>
+					</div>
+
 				</mat-tab>
 			</mat-tab-group>
 		</mat-tab>