Device profile -> Device provision stratetgy X509 minor changes in tb-help-popup html

ui-ngx/src/app/modules/home/components/profile/device-profile-provision-configuration.component.html

@@ -37,11 +37,11 @@
     <ng-template [ngSwitchCase]="deviceProvisionType.X509_CERTIFICATE_CHAIN">
       <div fxFlex fxLayoutAlign="start center" class="tb-hint">
         <span [innerHTML]="'device-profile.provision-strategy-x509.certificate-chain-hint' | translate"></span>
-        <div tb-help-popup="device-profile/x509-chain-hint"
+        <span tb-help-popup="device-profile/x509-chain-hint"
-             tb-help-popup-placement="bottom"
+             tb-help-popup-placement="top"
              trigger-style="letter-spacing:0.25px; font-size: 12px"
              [tb-help-popup-style]="{maxWidth: '820px'}"
-             trigger-text="{{ 'action.more' | translate }}"></div>
+             trigger-text="{{ 'action.more' | translate }}"></span>
       </div>
       <mat-slide-toggle formControlName="allowCreateNewDevicesByX509Certificate">
         {{ 'device-profile.provision-strategy-x509.allow-create-new-devices' | translate }}
@@ -57,11 +57,11 @@
       <mat-form-field class="mat-block">
         <mat-label translate>device-profile.provision-strategy-x509.cn-regex-variable</mat-label>
         <input matInput type="text" formControlName="certificateRegExPattern" required>
-        <div matSuffix
+        <span matSuffix
              tb-help-popup="device-profile/x509-chain-regex-examples"
-             tb-help-popup-placement="bottom"
+             tb-help-popup-placement="top"
              trigger-style="letter-spacing:0.25px"
-             [tb-help-popup-style]="{maxWidth: '820px'}"></div>
+             [tb-help-popup-style]="{maxWidth: '820px'}"></span>
         <mat-error *ngIf="provisionConfigurationFormGroup.get('certificateRegExPattern').hasError('required')">
           {{ 'device-profile.provision-strategy-x509.cn-regex-variable-required' | translate }}
         </mat-error>