EDELIVERY-11674 Alerts - UI Improvements

[PR] Improve spacing inside Access tokens table.
[PR] Update label for the Copy Access token value.

smp-angular/src/app/common/dialogs/credential-dialog/credential-dialog.component.html

@@ -87,7 +87,7 @@
   <button id="generatedAccessTokenButton" *ngIf="isAccessTokenType && !isReadOnly" [disabled]="!credentialForm.valid " mat-raised-button color="primary"
           (click)="generatedAccessToken()">
     <mat-icon>key</mat-icon>
-    <span>Generate new access token</span>
+    <span>Generate new Access token</span>
   </button>
 
 
@@ -106,7 +106,7 @@
 
   <button id="copyButton" *ngIf="isAccessTokenType && isReadOnly" [cdkCopyToClipboard]="accessTokenValue" mat-raised-button>
     <mat-icon>content_copy</mat-icon>
-    <span>Copy</span>
+    <span>Copy Access token value</span>
   </button>
 
 </mat-dialog-actions>

smp-angular/src/app/user-settings/user-access-tokens/user-access-tokens.component.html

@@ -3,7 +3,7 @@
               text="You can generate a access token for each application you use that needs access to the DomiSMP API."
               [labelColumnContent]="commonToolbar">
 
-    <table mat-table id="access-token-table" [dataSource]="dataSource" class="panel smp-data-panel" >
+    <table mat-table id="user-access-token-table" [dataSource]="dataSource" class="panel smp-data-panel" >
       <ng-container matColumnDef="accessTokens">
         <th mat-header-cell *matHeaderCellDef> Access Tokens </th>
         <td mat-cell *matCellDef="let token"
@@ -14,8 +14,8 @@
                               [credential]="token"></access-token-panel>
 
         </td>
-        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-        <tr mat-row *matRowDef="let myRowData; columns: displayedColumns"></tr>
+        <tr mat-header-row class="user-access-token-table-header" *matHeaderRowDef="displayedColumns"></tr>
+        <tr mat-row class="user-access-token-table-data" *matRowDef="let myRowData; columns: displayedColumns"></tr>
       </ng-container>
     </table>
 

smp-angular/src/app/user-settings/user-access-tokens/user-access-tokens.component.scss

@@ -13,3 +13,16 @@
   width: 100%;
   margin-top: auto;
 }
+
+#user-access-token-table {
+  padding: 0;
+  border: none;
+}
+
+.user-access-token-table-header {
+  display: none;
+}
+
+.user-access-token-table-data td {
+  padding: 0;
+}