UI: Fixed mobile app configuration style

ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app.component.html

@@ -15,7 +15,7 @@
     limitations under the License.
 
 -->
-<section class="mat-padding flex flex-col" [formGroup]="entityForm">
+<section class="mat-padding tb-form-panel outlined" [formGroup]="entityForm">
   <mat-form-field appearance="outline" subscriptSizing="dynamic">
     <mat-label translate>mobile.mobile-package</mat-label>
     <input matInput required formControlName="pkgName">

ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app.component.scss

@@ -14,5 +14,5 @@
  * limitations under the License.
  */
 :host {
-  --mdc-outlined-text-field-outline-color: rgba(0,0,0,0.12);
+  --mat-form-field-disabled-trailing-icon-color: rgba(0, 0, 0, 0.56);
 }

ui-ngx/src/app/modules/home/pages/mobile/qr-code-widget/mobile-qr-code-widget-settings.component.html

@@ -39,10 +39,9 @@
           <div class="fixed-title-width-230">{{ 'mobile.bundle' | translate }}</div>
           <tb-entity-autocomplete
             class="flex-1"
+            inlineField
             useFullEntityId
-            appearance="outline"
+            placeholder="{{ 'mobile.bundle' | translate }}"
-            subscriptSizing="dynamic"
-            [additionalClasses]="['flex']"
             [entityType]="entityType.MOBILE_APP_BUNDLE"
             formControlName="mobileAppBundleId">
           </tb-entity-autocomplete>