styles: fix amount breaking into a new line in the block page too

iotaledger · Apr 24, 2024 · eb9e9b4 · eb9e9b4
1 parent 27b2f10
commit eb9e9b4
Showing 1 changed file with 34 additions and 36 deletions.
diff --git a/client/src/app/components/nova/OutputView.tsx b/client/src/app/components/nova/OutputView.tsx
@@ -99,45 +99,43 @@ const OutputView: React.FC<OutputViewProps> = ({ outputId, output, showCopyAmoun
             >
                 <DropdownIcon />
             </div>
-            <div className="card--content__account">
-                <div className="output-header">
-                    <button type="button" className="output-type--name color">
-                        {NameHelper.getOutputTypeName(output.type)}
-                    </button>
-                    <div className="output-id--link">
-                        (
-                        {isLinksDisabled ? (
-                            <div className="margin-r-t">
-                                <span className="highlight">{outputIdTransactionPart}</span>
-                                <span className="highlight">{outputIdIndexPart}</span>
-                            </div>
-                        ) : (
-                            <Link to={`/${network}/output/${outputId}`} className="margin-r-t">
-                                <span>{outputIdTransactionPart}</span>
-                                <span className="highlight">{outputIdIndexPart}</span>
-                            </Link>
-                        )}
-                        )
-                        <CopyButton copy={String(outputId)} />
-                    </div>
-                    {specialUnlockCondition}
-                </div>
-                <div className="row middle">
-                    {showCopyAmount && (
-                        <div className="card--value pointer amount-size row end">
-                            <span
-                                className="pointer"
-                                onClick={(e) => {
-                                    setIsFormattedBalance(!isFormattedBalance);
-                                    e.stopPropagation();
-                                }}
-                            >
-                                {formatAmount(output.amount, tokenInfo, !isFormattedBalance)}
-                            </span>
+            <div className="output-header">
+                <button type="button" className="output-type--name color">
+                    {NameHelper.getOutputTypeName(output.type)}
+                </button>
+                <div className="output-id--link">
+                    (
+                    {isLinksDisabled ? (
+                        <div className="margin-r-t">
+                            <span className="highlight">{outputIdTransactionPart}</span>
+                            <span className="highlight">{outputIdIndexPart}</span>
                         </div>
+                    ) : (
+                        <Link to={`/${network}/output/${outputId}`} className="margin-r-t">
+                            <span>{outputIdTransactionPart}</span>
+                            <span className="highlight">{outputIdIndexPart}</span>
+                        </Link>
                     )}
-                    {showCopyAmount && <CopyButton copy={output.amount} />}
+                    )
+                    <CopyButton copy={String(outputId)} />
                 </div>
+                {specialUnlockCondition}
+            </div>
+            <div className="row middle">
+                {showCopyAmount && (
+                    <div className="card--value pointer amount-size row end">
+                        <span
+                            className="pointer"
+                            onClick={(e) => {
+                                setIsFormattedBalance(!isFormattedBalance);
+                                e.stopPropagation();
+                            }}
+                        >
+                            {formatAmount(output.amount, tokenInfo, !isFormattedBalance)}
+                        </span>
+                    </div>
+                )}
+                {showCopyAmount && <CopyButton copy={output.amount} />}
             </div>
         </div>
     );