From b8f97099b50dbc8a34d0956a86ef6376a33a8e96 Mon Sep 17 00:00:00 2001
From: Laila Los <44241786+ElectronicBlueberry@users.noreply.github.com>
Date: Mon, 24 Oct 2022 13:13:14 +0200
Subject: [PATCH] remove toolcard heading css override

---
 client/src/components/Tool/ToolCard.vue | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/client/src/components/Tool/ToolCard.vue b/client/src/components/Tool/ToolCard.vue
index 1c7b0c7dab1..a9ae1a5ce1a 100644
--- a/client/src/components/Tool/ToolCard.vue
+++ b/client/src/components/Tool/ToolCard.vue
@@ -81,7 +81,7 @@ const showVersions = computed(() => props.options.versions?.length > 1);
                 <div class="py-1 d-flex flex-wrap flex-gapx-1">
                     <span>
                         <icon icon="wrench" class="fa-fw" />
-                        <h1 itemprop="name">{{ props.title }}</h1>
+                        <Heading h1 inline bold size="text" itemprop="name">{{ props.title }}</Heading>
                     </span>
                     <span itemprop="description">{{ props.description }}</span>
                     <span>(Galaxy Version {{ props.version }})</span>
@@ -133,16 +133,6 @@ const showVersions = computed(() => props.options.versions?.length > 1);
 <style lang="scss" scoped>
 @import "scss/theme/blue.scss";
 
-.tool-header {
-    h1 {
-        font-size: 1em;
-        line-height: 1em;
-        font-weight: 700;
-        margin: 0;
-        display: inline;
-    }
-}
-
 .underlay::after {
     content: "";
     display: block;