fix icon spacing

pull/4735/head
Joseph Izang 6 months ago
parent 21b177d183
commit 4dd3bddc7f
  1. 17
      libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx
  2. 7
      libs/remix-ui/run-tab/src/lib/css/run-tab.css

@ -390,24 +390,27 @@ export function UniversalDappUI(props: UdappProps) {
</div>
<div className="udapp_cActionsWrapper" data-id="universalDappUiContractActionWrapper">
<div className="udapp_contractActionsContainer">
<div className="d-flex justify-content-between" data-id="instanceContractBal">
<label>
<div className="d-flex flex-row justify-content-between align-items-center" data-id="instanceContractBal">
<span className="runtab-text">
<b><FormattedMessage id="udapp.balance" />:</b> {instanceBalance} ETH
</label>
</span>
<div></div>
<div>
{props.exEnvironment && props.exEnvironment.startsWith('injected') && (
<CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappEditTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextEdit" />}>
<i
className="fas fa-edit btn btn-sm p-0"
<span
className="fas fa-edit btn btn-sm p-2 mr-1 runtab-text"
onClick={() => {
props.editInstance(props.instance)
}}
></i>
></span>
</CustomTooltip>
)}
<CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappSolScanTooltip" tooltipText={<FormattedMessage id="udapp.solScan.iconTooltip" />}>
<i className="fas fa-qrcode btn btn-sm p-0" onClick={askPermissionToScan}></i>
<span className="fas fa-qrcode btn btn-sm p-0 runtab-text" onClick={askPermissionToScan}></span>
</CustomTooltip>
</div>
</div>
{ props.isPinnedContract && props.instance.pinnedAt ? (
<div className="d-flex" data-id="instanceContractPinnedAt">
<label>

@ -525,3 +525,10 @@
width: 100%;
}
.runtab-text {
color: #8A93B0;
}
.runtab-text:hover {
color: #8A93B0;
}

Loading…
Cancel
Save