make the create btn slightly larger

ui/src/components/collections/CollectionUpsertPanel.svelte

@@ -551,8 +551,10 @@
         <div class="btns-group no-gap">
             <button
                 type="button"
-                class="btn btn-expanded"
                 title="Save and close"
+                class="btn"
+                class:btn-expanded={!collection.id}
+                class:btn-expanded-sm={!!collection.id}
                 class:btn-loading={isSaving}
                 disabled={!canSave || isSaving}
                 on:click={() => saveConfirm()}

ui/src/components/collections/docs/AuthWithOtpDocs.svelte

@@ -36,7 +36,7 @@
         // ... show a screen/popup to enter the password from the email ...
 
         // authenticate with the requested OTP id and the email password
-        const authData = await pb.collection('${collection?.name}').authWithOtp(
+        const authData = await pb.collection('${collection?.name}').authWithOTP(
             req.otpId,
             "YOUR_OTP",
         );
@@ -62,7 +62,7 @@
         // ... show a screen/popup to enter the password from the email ...
 
         // authenticate with the requested OTP id and the email password
-        final authData = await pb.collection('${collection?.name}').authWithOtp(
+        final authData = await pb.collection('${collection?.name}').authWithOTP(
             req.otpId,
             "YOUR_OTP",
         );

ui/src/components/records/RecordUpsertPanel.svelte

@@ -735,7 +735,9 @@
                 type="submit"
                 form={formId}
                 title="Save and close"
-                class="btn btn-expanded"
+                class="btn"
+                class:btn-expanded={isNew}
+                class:btn-expanded-sm={!isNew}
                 class:btn-loading={isSaving || isLoading}
                 disabled={!canSave || isSaving}
             >

ui/src/scss/_form.scss

@@ -367,17 +367,19 @@ button {
     gap: var(--xsSpacing);
     &.no-gap {
         gap: 0;
-        > * {
+        > .btn {
             border-radius: 0;
-            min-width: 0;
             box-shadow: -1px 0px 0px 0px rgba(#fff, 0.1);
         }
-        > *:first-child {
+        > .btn:not(.btn-expanded, .btn-expanded-lg, .btn-expanded-sm) {
+            min-width: 0;
+        }
+        > .btn:first-child {
             border-top-left-radius: var(--btnRadius);
             border-bottom-left-radius: var(--btnRadius);
             box-shadow: none;
         }
-        > *:last-child {
+        > .btn:last-child {
             border-top-right-radius: var(--btnRadius);
             border-bottom-right-radius: var(--btnRadius);
         }