mobile and web design fix

npm/ng-packs/packages/theme-shared/extensions/src/lib/components/password/password.component.html

@@ -1,20 +1,24 @@
 <div class="input-group">
-  <div class="col-9 col-md-10 p-0">
+  <div class="row w-100">
-    <input
+    <div class="col-11 pe-0">
-      [type]="fieldTextType ? 'text' : 'password'"
+      <input
-      class="form-control"
+        [type]="fieldTextType ? 'text' : 'password'"
-      [id]="prop.id"
+        class="form-control"
-      [formControlName]="prop.name"
+        [id]="prop.id"
-    />
+        [formControlName]="prop.name"
+      />
+    </div>
+    <div class="col-1 ps-0">
+      <button class="btn btn-secondary" type="button">
+        <i
+          class="fa"
+          [ngClass]="{
+            'fa-eye-slash': !fieldTextType,
+            'fa-eye': fieldTextType
+          }"
+          (click)="toggleFieldTextType()"
+        ></i>
+      </button>
+    </div>
   </div>
-  <span class="input-group-text">
-    <i
-      class="fa"
-      [ngClass]="{
-        'fa-eye-slash': !fieldTextType,
-        'fa-eye': fieldTextType
-      }"
-      (click)="toggleFieldTextType()"
-    ></i>
-  </span>
 </div>