From 2990fa354f70122a8b812117b5d0cde3fcb17dd6 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Mon, 11 Apr 2022 14:30:34 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=96=BC=20UX=20work=20on=20volume=20detail?=
 =?UTF-8?q?s=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/VolumeDetail/VolumeDetail.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/client/components/VolumeDetail/VolumeDetail.tsx b/src/client/components/VolumeDetail/VolumeDetail.tsx
index 75b779f..4098546 100644
--- a/src/client/components/VolumeDetail/VolumeDetail.tsx
+++ b/src/client/components/VolumeDetail/VolumeDetail.tsx
@@ -83,7 +83,7 @@ const VolumeDetails = (props): ReactElement => {
                   key={issue.id}
                   imageUrl={issue.image.thumb_url}
                   orientation={"vertical"}
-                  hasDetails={!isEmpty(issue.matches) ? true : false}
+                  hasDetails
                   borderColorClass={
                     !isEmpty(issue.matches) ? "green-border" : ""
                   }
@@ -92,13 +92,11 @@ const VolumeDetails = (props): ReactElement => {
                     openPotentialLibraryMatchesPanel(issue.matches)
                   }
                 >
+                  <span className="tag is-warning mr-1">{issue.issue_number}</span>
                   {!isEmpty(issue.matches) ? (
                     <>
                       <span className="icon has-text-success">
-                        <i className="fa-regular fa-clone"></i>
-                      </span>
-                      <span className="tag is-success is-size-7">
-                        {"#" + issue.issue_number}
+                        <i className="fa-regular fa-asterisk"></i>
                       </span>
                     </>
                   ) : null}