Tidying markup

This commit is contained in:
Marshall Polaris 2022-09-20 00:47:44 -07:00
parent 6fc41ea5b5
commit 1e427720af

View File

@ -70,10 +70,7 @@ export function FeedAnswerCommentGroup(props: {
}, [answerElementId, router.asPath]) }, [answerElementId, router.asPath])
return ( return (
<Col <Col className="relative flex-1 items-stretch gap-3">
className={'relative flex-1 items-stretch gap-3'}
key={answer.id + 'comment'}
>
<Row <Row
className={clsx( className={clsx(
'gap-3 space-x-3 pt-4 transition-all duration-1000', 'gap-3 space-x-3 pt-4 transition-all duration-1000',
@ -100,9 +97,9 @@ export function FeedAnswerCommentGroup(props: {
</span> </span>
{isFreeResponseContractPage && ( {isFreeResponseContractPage && (
<div className={'sm:hidden'}> <div className="sm:hidden">
<button <button
className={'text-xs font-bold text-gray-500 hover:underline'} className="text-xs font-bold text-gray-500 hover:underline"
onClick={() => scrollAndOpenReplyInput(undefined, answer)} onClick={() => scrollAndOpenReplyInput(undefined, answer)}
> >
Reply Reply
@ -111,9 +108,9 @@ export function FeedAnswerCommentGroup(props: {
)} )}
</Col> </Col>
{isFreeResponseContractPage && ( {isFreeResponseContractPage && (
<div className={'justify-initial hidden sm:block'}> <div className="justify-initial hidden sm:block">
<button <button
className={'text-xs font-bold text-gray-500 hover:underline'} className="text-xs font-bold text-gray-500 hover:underline"
onClick={() => scrollAndOpenReplyInput(undefined, answer)} onClick={() => scrollAndOpenReplyInput(undefined, answer)}
> >
Reply Reply
@ -135,7 +132,7 @@ export function FeedAnswerCommentGroup(props: {
))} ))}
</Col> </Col>
{showReply && ( {showReply && (
<div className={'relative ml-7'}> <div className="relative ml-7">
<span <span
className="absolute -left-1 -ml-[1px] mt-[1.25rem] h-2 w-0.5 rotate-90 bg-gray-200" className="absolute -left-1 -ml-[1px] mt-[1.25rem] h-2 w-0.5 rotate-90 bg-gray-200"
aria-hidden="true" aria-hidden="true"