fix: add change for cursor pointer

Author: brancoder

src/app/components/tangle/FeatureBlock.tsx

@@ -43,7 +43,9 @@ class FeatureBlock extends Component<FeatureBlockProps, FeatureBlockState> {
                     >
                         <DropdownIcon />
                     </div>
-                    <h3>{NameHelper.getFeatureBlockTypeName(this.props.featureBlock.type)}</h3>
+                    <h3 className="card--content__input--label">
+                        {NameHelper.getFeatureBlockTypeName(this.props.featureBlock.type)}
+                    </h3>
                 </div>
 
                 {this.state.showDetails && (

src/app/components/tangle/MigratedFund.tsx

@@ -54,7 +54,9 @@ class MigratedFund extends Component<MigratedFundProps, MigratedFundState> {
                     >
                         <DropdownIcon />
                     </div>
-                    <h3>Migrated Fund {this.props.index}</h3>
+                    <h3 className="card--content__input--label">
+                        Migrated Fund {this.props.index}
+                    </h3>
                 </div>
                 {this.state.showDetails && (
                     <div className="card--content--border-l">

src/app/components/tangle/MilestonePayload.tsx

@@ -126,7 +126,9 @@ class MilestonePayload extends Component<MilestonePayloadProps, MilestonePayload
                             >
                                 <DropdownIcon />
                             </div>
-                            <h3>Options</h3>
+                            <h3 className="card--content__input--label">
+                                Options
+                            </h3>
                         </div>
                     </div>
                     {this.state.showOptions && (
@@ -158,7 +160,9 @@ class MilestonePayload extends Component<MilestonePayloadProps, MilestonePayload
                         >
                             <DropdownIcon />
                         </div>
-                        <h3>Signatures</h3>
+                        <h3 className="card--content__input--label">
+                            Signatures
+                        </h3>
                     </div>
                 </div>
                 {this.state.showSignatures && (

src/app/components/tangle/Output.tsx

@@ -51,7 +51,9 @@ class Output extends Component<OutputProps, OutputState> {
                             >
                                 <DropdownIcon />
                             </div>
-                            <h3>{NameHelper.getOutputTypeName(this.state.output.type)} {this.props.index}</h3>
+                            <h3 className="card--content__input--label">
+                                {NameHelper.getOutputTypeName(this.state.output.type)} {this.props.index}
+                            </h3>
                         </div>
                         <div className="card--value card--value__mono">
                             <button

src/app/components/tangle/PoWMilestoneOption.tsx

@@ -40,7 +40,9 @@ class PoWMilestoneOption extends Component<PoWMilestoneOptionProps, PoWMilestone
                     >
                         <DropdownIcon />
                     </div>
-                    <h3>PoW</h3>
+                    <h3 className="card--content__input--label">
+                        PoW
+                    </h3>
                 </div>
                 {this.state.showDetails && (
                     <div className="card--content--border-l">

src/app/components/tangle/ReceiptMilestoneOption.tsx

@@ -43,7 +43,9 @@ class ReceiptMilestoneOption extends Component<ReceiptMilestoneOptionProps, Rece
                     >
                         <DropdownIcon />
                     </div>
-                    <h3>Receipt</h3>
+                    <h3 className="card--content__input--label">
+                        Receipt
+                    </h3>
                 </div>
                 {this.state.showReceiptDetails && (
                     <div className="card--content--border-l">

src/app/components/tangle/UTXOInput.tsx

@@ -43,7 +43,9 @@ class UTXOInput extends Component<UTXOInputProps, UTXOInputState> {
                         >
                             <DropdownIcon />
                         </div>
-                        <h3>{NameHelper.getInputTypeName(this.props.input.type)} {this.props.index}</h3>
+                        <h3 className="card--content__input--label">
+                            {NameHelper.getInputTypeName(this.props.input.type)} {this.props.index}
+                        </h3>
                     </div>
 
                     {this.state.showDetails && (

src/app/components/tangle/UnlockCondition.tsx

@@ -44,7 +44,9 @@ class UnlockCondition extends Component<UnlockConditionProps, UnlockCondtionStat
                     >
                         <DropdownIcon />
                     </div>
-                    <h3>{NameHelper.getUnlockConditionTypeName(this.props.unlockCondition.type)}</h3>
+                    <h3 className="card--content__input--label">
+                        {NameHelper.getUnlockConditionTypeName(this.props.unlockCondition.type)}
+                    </h3>
                 </div>
 
                 {this.state.showDetails && (

src/scss/card.scss

@@ -143,6 +143,9 @@
           transform: rotate(90deg);
         }
       }
+      .card--content__input--label {
+        cursor: pointer;
+      }
     }
   }