From 7e178d93dfcd15f781c0c46b4368e057d160abf9 Mon Sep 17 00:00:00 2001
From: Matthew Nickson <mnickson@sidingsmedia.com>
Date: Mon, 27 Feb 2023 18:44:32 +0000
Subject: [PATCH] Moved location of disable expiry checkbox

Co-authored-by: Nelson Chan <chakflying@hotmail.com>
Signed-off-by: Matthew Nickson <mnickson@sidingsmedia.com>
---
 src/components/APIKeyDialog.vue | 43 ++++++++++++++++++---------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/components/APIKeyDialog.vue b/src/components/APIKeyDialog.vue
index 7a4c2464c..745efd4ab 100644
--- a/src/components/APIKeyDialog.vue
+++ b/src/components/APIKeyDialog.vue
@@ -22,25 +22,30 @@
                         <!-- Expiry -->
                         <div class="my-3">
                             <label class="form-label">{{ $t("Expiry date") }}</label>
-                            <Datepicker
-                                v-model="key.expires"
-                                :dark="$root.isDark"
-                                :monthChangeOnScroll="false"
-                                :minDate="minDate"
-                                format="yyyy-MM-dd HH:mm"
-                                modelType="yyyy-MM-dd HH:mm:ss"
-                                :required="!noExpire"
-                                :disabled="noExpire"
-                            />
-
-                            <div class="form-check mb-2">
-                                <input
-                                    id="no-expire" v-model="noExpire" class="form-check-input"
-                                    type="checkbox"
-                                >
-                                <label class="form-check-label" for="no-expire">{{
-                                    $t("Don't expire")
-                                }}</label>
+                            <div class="d-flex flex-row align-items-center">
+                                <div class="col-6">
+                                    <Datepicker
+                                        v-model="key.expires"
+                                        :dark="$root.isDark"
+                                        :monthChangeOnScroll="false"
+                                        :minDate="minDate"
+                                        format="yyyy-MM-dd HH:mm"
+                                        modelType="yyyy-MM-dd HH:mm:ss"
+                                        :required="!noExpire"
+                                        :disabled="noExpire"
+                                    />
+                                </div>
+                                <div class="col-6 ms-3">
+                                    <div class="form-check mb-0">
+                                        <input
+                                            id="no-expire" v-model="noExpire" class="form-check-input"
+                                            type="checkbox"
+                                        >
+                                        <label class="form-check-label" for="no-expire">{{
+                                            $t("Don't expire")
+                                        }}</label>
+                                    </div>
+                                </div>
                             </div>
                         </div>