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,31 +170,17 @@
 					</div>			
 				</mat-tab>
 				<mat-tab label="WooCommerce">
-					<div >
 					<div *ngIf="wooOwner == ''">
 						<button mat-raised-button color="primary" (click)="generateWooToken()">
 							Generate Token
 						</button>
 					</div>
 					<table *ngIf="wooOwner != ''">
-								<tbody>
 						<tr>
-									<td class="heading" style="width: 100%;">Owner:</td>
+							<td class="heading">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="small">{{wooOwner}}</td>
 							<td class="urlCopyBtn">
 								<a (click)='copyWooOwner()' >	
 									<fa-icon [icon]="faCopy" 
@@ -204,22 +190,10 @@
 							</td>
 						</tr>
 						<tr>
-									<td class="heading" style="width: 60%;">Token:</td>
+							<td class="heading">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="small">{{wooToken}}</td>
 							<td class="urlCopyBtn">
 								<a (click)='copyWooToken()' >	
 									<fa-icon [icon]="faCopy" 
@@ -229,24 +203,11 @@
 							</td>
 						</tr>
 						<tr>
-									<td class="heading" style="width: 60%;">URL:</td>
+							<td class="heading">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>
+							<td class="small">{{wooUrl}}</td>
 						</tr>
-							    </tbody>
 					</table>
 					<div class="toolbar" align="center">
 						<button mat-raised-button 
@@ -255,7 +216,6 @@
 						</button>
 					</div>
 
-					</div>
 				</mat-tab>
 			</mat-tab-group>
 		</mat-tab>