From cf254aa7c6e5494ababce42824408b0ffa96bc99 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 23 Jun 2022 12:51:46 +0100
Subject: [PATCH] more obvious edit action

---
 .../Asset/AssetContent/index.module.css           | 15 +--------------
 src/components/Asset/AssetContent/index.tsx       |  7 ++++---
 2 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/src/components/Asset/AssetContent/index.module.css b/src/components/Asset/AssetContent/index.module.css
index 9a3b3d705..992dd5081 100644
--- a/src/components/Asset/AssetContent/index.module.css
+++ b/src/components/Asset/AssetContent/index.module.css
@@ -35,20 +35,7 @@
   text-align: center;
   margin-top: var(--spacer);
   margin-bottom: calc(var(--spacer) * 1.5);
-  margin-left: -2rem;
-  margin-right: -2rem;
-  padding: calc(var(--spacer) / 4) var(--spacer);
+  padding: calc(var(--spacer) / 3) var(--spacer);
   border-top: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color);
 }
-
-.ownerActions a,
-.ownerActions button {
-  color: var(--color-secondary);
-  margin-left: calc(var(--spacer) / 4);
-  margin-right: calc(var(--spacer) / 4);
-}
-
-.separator {
-  color: var(--color-secondary);
-}
diff --git a/src/components/Asset/AssetContent/index.tsx b/src/components/Asset/AssetContent/index.tsx
index b7caf86e6..f9ea05266 100644
--- a/src/components/Asset/AssetContent/index.tsx
+++ b/src/components/Asset/AssetContent/index.tsx
@@ -16,6 +16,7 @@ import NetworkName from '@shared/NetworkName'
 import content from '../../../../content/purgatory.json'
 import { AssetExtended } from 'src/@types/AssetExtended'
 import Web3 from 'web3'
+import Button from '@shared/atoms/Button'
 
 export default function AssetContent({
   asset
@@ -74,9 +75,9 @@ export default function AssetContent({
           <AssetActions asset={asset} />
           {isOwner && isAssetNetwork && (
             <div className={styles.ownerActions}>
-              <Link href={`/asset/${asset?.id}/edit`}>
-                <a>Edit</a>
-              </Link>
+              <Button style="text" size="small" to={`/asset/${asset?.id}/edit`}>
+                Edit Asset
+              </Button>
             </div>
           )}
         </div>