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

@@ -22,6 +22,8 @@
                         <!-- Expiry -->
                         <div class="my-3">
                             <label class="form-label">{{ $t("Expiry date") }}</label>
+                            <div class="d-flex flex-row align-items-center">
+                                <div class="col-6">
                                     <Datepicker
                                         v-model="key.expires"
                                         :dark="$root.isDark"
@@ -32,8 +34,9 @@
                                         :required="!noExpire"
                                         :disabled="noExpire"
                                     />
-
-                            <div class="form-check mb-2">
+                                </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"
@@ -43,6 +46,8 @@
                                         }}</label>
                                     </div>
                                 </div>
+                            </div>
+                        </div>
 
                         <div class="modal-footer">
                             <button