Use InputGroup in impersonate and password reset dialogs

dashboard/src/components/ImpersonateDialog.vue

@@ -1,7 +1,7 @@
 <script setup>
 
 import { ref, useTemplateRef } from 'vue';
-import { Dialog, TextInput, FormGroup, Button } from 'pankow';
+import { Dialog, TextInput, FormGroup, Button, InputGroup } from 'pankow';
 import { copyToClipboard } from 'pankow/utils';
 import UsersModel from '../models/UsersModel.js';
 
@@ -74,9 +74,11 @@ defineExpose({
       <fieldset :disabled="busy">
         <FormGroup>
           <label for="passwordInput">{{ $t('users.setGhostDialog.password') }}</label>
-          <TextInput id="passwordInput" v-model="password" />
-          <Button tool v-if="success" @click="onCopyPassword()" icon="fa fa-clipboard" />
-          <Button tool v-else @click="onGeneratePassword()" v-tooltip="$t('users.setGhostDialog.generatePassword')" icon="fa fa-key" />
+          <InputGroup>
+            <TextInput id="passwordInput" v-model="password" style="flex-grow: 1;"/>
+            <Button tool v-if="success" @click="onCopyPassword()" icon="fa fa-clipboard" />
+            <Button tool v-else @click="onGeneratePassword()" v-tooltip="$t('users.setGhostDialog.generatePassword')" icon="fa fa-key" />
+          </InputGroup>
         </FormGroup>
       </fieldset>
     </form>