add/edit connection: fix copy token button position

Author: lyubov-voloshko

frontend/src/app/components/connect-db/connect-db.component.css

@@ -169,3 +169,14 @@
     padding: 8px 12px;
 }
 
+.agent-token {
+    display: flex;
+    margin-top: 32px;
+    margin-bottom: 20px;
+    width: 100%;
+}
+
+.agent-token__copy-button {
+    margin-top: 4px;
+    margin-left: 12px;
+}

frontend/src/app/components/connect-db/connect-db.component.html

@@ -221,7 +221,7 @@ <h1 class="mat-h1 connectForm__fullLine">
                 </li>
             </ol>-->
 
-            <div *ngIf="connectionToken" class="encription-password">
+            <div *ngIf="connectionToken" class="agent-token">
                 <mat-form-field appearance="outline" style="width:100%">
                     <mat-label>Token</mat-label>
                     <input matInput name="token" #token="ngModel" readonly
@@ -233,7 +233,7 @@ <h1 class="mat-h1 connectForm__fullLine">
                 </mat-form-field>
                 <button type="button" mat-icon-button
                     data-testid="connection-agent-token-copy-button"
-                    class="encription-password__copy-button"
+                    class="agent-token__copy-button"
                     matTooltip="Copy mater password"
                     [cdkCopyToClipboard]="connectionToken"
                     (cdkCopyToClipboardCopied)="showCopyNotification('Connection token was copied to clipboard.')">