From b3e8b41e0ea84e530935bdf654467847d828cfb7 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Sat, 22 Mar 2025 12:03:27 +0100
Subject: [PATCH] Use full width for domain inputs in app install dialog

---
 dashboard/src/components/AppInstallDialog.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/components/AppInstallDialog.vue b/dashboard/src/components/AppInstallDialog.vue
index 4686ffd75..03e2a6141 100644
--- a/dashboard/src/components/AppInstallDialog.vue
+++ b/dashboard/src/components/AppInstallDialog.vue
@@ -192,7 +192,7 @@ defineExpose({
               <FormGroup :class="{ 'has-error': formError.location }">
                 <label for="location">{{ $t('appstore.installDialog.location') }}</label>
                 <InputGroup>
-                  <TextInput id="location" ref="locationInput" v-model="location" />
+                  <TextInput id="location" ref="locationInput" v-model="location" style="flex-grow: 1"/>
                   <Dropdown v-model="domain" :options="domains" option-label="domain" />
                 </InputGroup>
                 <div class="text-danger" v-if="formError.location">{{ formError.location }}</div>
@@ -204,7 +204,7 @@ defineExpose({
                 <label :for="'secondaryDomainInput' + key">{{ port.title }}</label>
                 <small>{{ port.description }}</small>
                 <InputGroup>
-                  <TextInput :id="'secondaryDomainInput' + key" v-model="port.value" :placeholder="$t('appstore.installDialog.locationPlaceholder')"/>
+                  <TextInput :id="'secondaryDomainInput' + key" v-model="port.value" :placeholder="$t('appstore.installDialog.locationPlaceholder')" style="flex-grow: 1"/>
                   <Dropdown v-model="port.domain" :options="domains" option-label="domain" option-key="domain" />
                 </InputGroup>
               </FormGroup>