Inline items, left aligned

This commit is contained in:
litaesther10
2023-03-22 17:12:15 +01:00
parent 2f2b708bfe
commit d4324538cc

View File

@ -139,7 +139,7 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
</div>
<div className="p-4 mt-10 overflow-hidden bg-white rounded-md shadow sm:p-6">
<div className="pb-3 border-b border-gray-200 sm:pb-5">
<h3 className="text-base font-medium leading-4 text-gray-900 sm:leading-6 sm:text-lg">
<h3 className="text-lg font-medium leading-6 text-gray-900 ">
Signers
</h3>
<p className="max-w-4xl mt-2 text-sm text-gray-500">
@ -248,8 +248,9 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
placeholder="John Dorian"
/>
</div>
<div className="flex mx-2 sm:ml-auto sm:mx-0">
<div key={item.id} className="space-x-2 sm:space-x-0">
<div className="flex items-center space-x-2">
<div className="flex mb-2 mr-2 sm:ml-auto sm:mr-0">
<div key={item.id} className="space-x-2">
{item.sendStatus === "NOT_SENT" ? (
<span
id="sent_icon"
@ -303,7 +304,7 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
)}
</div>
</div>
<div className="flex ml-auto mr-1">
<div className="mr-1 ">
<IconButton
icon={PaperAirplaneIcon}
disabled={
@ -343,6 +344,7 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
/>
</div>
</div>
</div>
</li>
))}
</ul>