From fd256bab95751e7e9599eb22543c1639baee5256 Mon Sep 17 00:00:00 2001
From: Panagiotis Doulgeris <45369229+Pantastisch@users.noreply.github.com>
Date: Fri, 1 Nov 2024 21:36:17 +0100
Subject: [PATCH] Show hex color code in filament page and improve styling

---
 client/src/components/spoolIcon.css | 1 -
 client/src/pages/filaments/show.tsx | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/spoolIcon.css b/client/src/components/spoolIcon.css
index be6c36b..616e1fd 100644
--- a/client/src/components/spoolIcon.css
+++ b/client/src/components/spoolIcon.css
@@ -3,7 +3,6 @@
   width: 1.5em;
   height: 2.5em;
   gap: 2px;
-  margin: 0 0.5em;
 }
 
 .spool-icon.vertical {
diff --git a/client/src/pages/filaments/show.tsx b/client/src/pages/filaments/show.tsx
index 574a386..b0aea7a 100644
--- a/client/src/pages/filaments/show.tsx
+++ b/client/src/pages/filaments/show.tsx
@@ -89,6 +89,7 @@ export const FilamentShow: React.FC<IResourceComponentsProps> = () => {
       <TextField value={record?.name} />
       <Title level={5}>{t("filament.fields.color_hex")}</Title>
       {colorObj && <SpoolIcon color={colorObj} size="large" />}
+      {record?.color_hex && <TextField value={`#${record?.color_hex}`} />}
       <Title level={5}>{t("filament.fields.material")}</Title>
       <TextField value={record?.material} />
       <Title level={5}>{t("filament.fields.price")}</Title>