From f2a2e86db7aa0af40bc0e1931405cda14fda5288 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Thu, 10 Jul 2025 11:08:12 +0200
Subject: [PATCH] Move submit button to the right in the install dialog

---
 dashboard/src/components/AppInstallDialog.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/components/AppInstallDialog.vue b/dashboard/src/components/AppInstallDialog.vue
index 3c6132200..219b5cd47 100644
--- a/dashboard/src/components/AppInstallDialog.vue
+++ b/dashboard/src/components/AppInstallDialog.vue
@@ -268,7 +268,9 @@ defineExpose({
               <PortBindings v-model:tcp="tcpPorts" v-model:udp="udpPorts" :error="formError" :domain-provider="domainProvider"/>
               <AccessControl v-model:option="accessRestrictionOption" v-model:acl="accessRestrictionAcl" :manifest="manifest"/>
 
-              <Button style="margin-top: 15px" @click="submit" icon="fa-solid fa-circle-down" :disabled="!formValid" :loading="busy">Install {{ manifest.title }}</Button>
+              <div class="bottom-button-bar">
+                <Button @click="submit" icon="fa-solid fa-circle-down" :disabled="!formValid" :loading="busy">Install {{ manifest.title }}</Button>
+              </div>
             </fieldset>
           </form>
         </div>
@@ -381,4 +383,11 @@ defineExpose({
  right: 0;
 }
 
+.bottom-button-bar {
+  display: flex;
+  justify-content: right;
+  margin-top: 20px;
+  margin-bottom: 0;
+}
+
 </style>