Tune spacing

This commit is contained in:
Willian Mitsuda 2021-09-29 16:27:36 -03:00
parent ba3d721e14
commit b770de3117
1 changed files with 27 additions and 28 deletions

View File

@ -35,7 +35,8 @@ const DecodedParamRow: React.FC<DecodedParamRowProps> = ({
<> <>
<tr className="grid grid-cols-12 gap-x-2 py-2 hover:bg-gray-100"> <tr className="grid grid-cols-12 gap-x-2 py-2 hover:bg-gray-100">
<td className="col-span-3 pl-1"> <td className="col-span-3 pl-1">
<div> <div className="flex space-x-2 items-baseline">
<span>
{prefix && <span className="text-gray-300">{prefix}</span>} {prefix && <span className="text-gray-300">{prefix}</span>}
{arrayElem !== undefined ? ( {arrayElem !== undefined ? (
<span className="text-gray-400"> <span className="text-gray-400">
@ -50,20 +51,18 @@ const DecodedParamRow: React.FC<DecodedParamRowProps> = ({
)} )}
</> </>
)} )}
</span>
{help && ( {help && (
<>
{" "}
<Switch <Switch
checked={showHelp} checked={showHelp}
onChange={setShowHelp} onChange={setShowHelp}
className="text-gray-500" className="text-gray-500 self-center"
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={showHelp ? faQuestionCircleSolid : faQuestionCircle} icon={showHelp ? faQuestionCircleSolid : faQuestionCircle}
size="1x" size="1x"
/> />
</Switch> </Switch>
</>
)} )}
</div> </div>
{help && showHelp && <div className="mt-2 text-gray-400">{help}</div>} {help && showHelp && <div className="mt-2 text-gray-400">{help}</div>}