move billing / manage subscription buttons to right

Author: brendan-kellam

packages/web/src/app/[domain]/settings/billing/changeBillingEmailCard.tsx

@@ -83,8 +83,8 @@ export function ChangeBillingEmailCard({ currentUserRole }: ChangeBillingEmailCa
                 <FormItem>
                   <FormLabel>Email address</FormLabel>
                   <FormControl>
-                    <Input 
-                      placeholder={billingEmail} 
+                    <Input
+                      placeholder={billingEmail}
                       {...field}
                       disabled={currentUserRole !== OrgRole.OWNER}
                       title={currentUserRole !== OrgRole.OWNER ? "Only organization owners can change the billing email" : undefined}
@@ -94,14 +94,15 @@ export function ChangeBillingEmailCard({ currentUserRole }: ChangeBillingEmailCa
                 </FormItem>
               )}
             />
-            <Button 
-              type="submit" 
-              className="w-full" 
-              disabled={isLoading || currentUserRole !== OrgRole.OWNER}
-              title={currentUserRole !== OrgRole.OWNER ? "Only organization owners can change the billing email" : undefined}
-            >
-              {isLoading ? "Updating..." : "Update Billing Email"}
-            </Button>
+            <div className="flex justify-end">
+              <Button
+                type="submit"
+                disabled={isLoading || currentUserRole !== OrgRole.OWNER}
+                title={currentUserRole !== OrgRole.OWNER ? "Only organization owners can change the billing email" : undefined}
+              >
+                {isLoading ? "Updating..." : "Update Billing Email"}
+              </Button>
+            </div>
           </form>
         </Form>
       </CardContent>

packages/web/src/app/[domain]/settings/billing/manageSubscriptionButton.tsx

@@ -31,13 +31,14 @@ export function ManageSubscriptionButton({ currentUserRole }: { currentUserRole:
 
     const isOwner = currentUserRole === OrgRole.OWNER
     return (
-        <Button 
-            className="w-full" 
-            onClick={redirectToCustomerPortal} 
-            disabled={isLoading || !isOwner}
-            title={!isOwner ? "Only the owner of the org can manage the subscription" : undefined}
-        >
-            {isLoading ? "Creating customer portal..." : "Manage Subscription"}
-        </Button>
-      )
+        <div className="flex w-full justify-end">
+            <Button
+                onClick={redirectToCustomerPortal}
+                disabled={isLoading || !isOwner}
+                title={!isOwner ? "Only the owner of the org can manage the subscription" : undefined}
+            >
+                {isLoading ? "Creating customer portal..." : "Manage Subscription"}
+            </Button>
+        </div>
+    )
 }