From ba2dc7e44b4933122dab1380412d0d4d1edb289f Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Mon, 22 Feb 2021 11:24:17 +0100
Subject: [PATCH] Margin between contract block links (#4709)

---
 packages/page-contracts/src/Contracts/Contract.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/page-contracts/src/Contracts/Contract.tsx b/packages/page-contracts/src/Contracts/Contract.tsx
index fea9ffa08e..88f53285ba 100644
--- a/packages/page-contracts/src/Contracts/Contract.tsx
+++ b/packages/page-contracts/src/Contracts/Contract.tsx
@@ -8,6 +8,7 @@ import type { BlockNumber, ContractInfo } from '@polkadot/types/interfaces';
 import type { ContractLink } from './types';
 
 import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
 
 import { ContractPromise } from '@polkadot/api-contract';
 import { AddressInfo, AddressMini, Button, Forget } from '@polkadot/react-components';
@@ -142,4 +143,8 @@ function Contract ({ className, contract, index, links, onCall }: Props): React.
   );
 }
 
-export default React.memo(Contract);
+export default React.memo(styled(Contract)`
+  td.top a+a {
+    margin-left: 0.75rem;
+  }
+`);