Seth commited on
Commit
40b20ff
·
1 Parent(s): d862795
frontend/src/components/settings/ConnectMailboxSettings.jsx CHANGED
@@ -65,11 +65,11 @@ export default function ConnectMailboxSettings() {
65
  </Button>
66
  </div>
67
 
68
- <div className="mt-4 grid gap-3 md:grid-cols-2">
69
- <div>
70
- <Button type="button" disabled={busy} onClick={connectAccount} className="mb-3 bg-slate-900 text-white">
71
- Connect mailbox
72
- </Button>
73
  <label className="mb-1 block text-xs font-medium text-slate-600">Mailbox profile name</label>
74
  <Input
75
  placeholder="e.g. Seth S"
 
65
  </Button>
66
  </div>
67
 
68
+ <div className="mt-4 flex flex-col gap-3 md:flex-row md:items-end">
69
+ <Button type="button" disabled={busy} onClick={connectAccount} className="bg-slate-900 text-white">
70
+ Connect mailbox
71
+ </Button>
72
+ <div className="flex-1 md:max-w-md">
73
  <label className="mb-1 block text-xs font-medium text-slate-600">Mailbox profile name</label>
74
  <Input
75
  placeholder="e.g. Seth S"
frontend/src/components/settings/LinkedInConnectSettings.jsx CHANGED
@@ -69,12 +69,12 @@ export default function LinkedInConnectSettings() {
69
  Refresh
70
  </Button>
71
  </div>
72
- <div className="mt-4 grid gap-3 md:grid-cols-2">
73
- <div>
74
- <Button type="button" disabled={busy} onClick={connectAccount} className="mb-3 bg-slate-900 text-white">
75
- <Link2 className="mr-2 h-4 w-4" />
76
- Connect account
77
- </Button>
78
  <label className="mb-1 block text-xs font-medium text-slate-600">LinkedIn profile name</label>
79
  <Input
80
  placeholder="e.g. Seth S — shown in campaigns"
 
69
  Refresh
70
  </Button>
71
  </div>
72
+ <div className="mt-4 flex flex-col gap-3 md:flex-row md:items-end">
73
+ <Button type="button" disabled={busy} onClick={connectAccount} className="bg-slate-900 text-white">
74
+ <Link2 className="mr-2 h-4 w-4" />
75
+ Connect account
76
+ </Button>
77
+ <div className="flex-1 md:max-w-md">
78
  <label className="mb-1 block text-xs font-medium text-slate-600">LinkedIn profile name</label>
79
  <Input
80
  placeholder="e.g. Seth S — shown in campaigns"