From 95312a555c66c03d0ca0b7fc5f10063f22a1c9c2 Mon Sep 17 00:00:00 2001
From: sagely1 <114952739+sagely1@users.noreply.github.com>
Date: Tue, 26 Nov 2024 16:54:38 -0800
Subject: [PATCH 1/3] adding pharos class to hero

---
 .../genes/components/gene-hero/gene-hero.component.html       | 4 ++++
 .../genes/components/gene-hero/gene-hero.component.scss       | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/features/genes/components/gene-hero/gene-hero.component.html b/src/app/features/genes/components/gene-hero/gene-hero.component.html
index 78fef743..63d581e6 100644
--- a/src/app/features/genes/components/gene-hero/gene-hero.component.html
+++ b/src/app/features/genes/components/gene-hero/gene-hero.component.html
@@ -22,6 +22,10 @@ <h4 class="gene-hero-biodomains-heading">Biological Domains</h4>
             {{ getBiodomains() }}
           </p>
         </div>
+        <div *ngIf="gene.druggability[0].pharos_class">
+          <h4 class="gene-hero-pharos-heading">PHAROS</h4>
+          <p>{{ gene.druggability[0].pharos_class }}</p>
+        </div>
         <div class="gene-hero-aliases">
           <h4 class="gene-hero-aliases-heading">Also known as</h4>
           <ng-container *ngIf="getEnsemblUrl() !== ''">
diff --git a/src/app/features/genes/components/gene-hero/gene-hero.component.scss b/src/app/features/genes/components/gene-hero/gene-hero.component.scss
index f2c8c354..46cedd97 100644
--- a/src/app/features/genes/components/gene-hero/gene-hero.component.scss
+++ b/src/app/features/genes/components/gene-hero/gene-hero.component.scss
@@ -49,7 +49,7 @@ hr {
   font-style: italic;
 }
 
-.gene-hero-aliases-heading, .gene-hero-biodomains-heading {
+.gene-hero-aliases-heading, .gene-hero-biodomains-heading, .gene-hero-pharos-heading {
   text-transform: uppercase;
   margin-bottom: 15px;
 }

From 6f5e7127008e91c6416e7ec6635413657e99815a Mon Sep 17 00:00:00 2001
From: sagely1 <114952739+sagely1@users.noreply.github.com>
Date: Tue, 26 Nov 2024 16:57:48 -0800
Subject: [PATCH 2/3] updated section title from PHAROS to PHAROS CLASS

---
 .../genes/components/gene-hero/gene-hero.component.html         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/features/genes/components/gene-hero/gene-hero.component.html b/src/app/features/genes/components/gene-hero/gene-hero.component.html
index 63d581e6..cb2b483c 100644
--- a/src/app/features/genes/components/gene-hero/gene-hero.component.html
+++ b/src/app/features/genes/components/gene-hero/gene-hero.component.html
@@ -23,7 +23,7 @@ <h4 class="gene-hero-biodomains-heading">Biological Domains</h4>
           </p>
         </div>
         <div *ngIf="gene.druggability[0].pharos_class">
-          <h4 class="gene-hero-pharos-heading">PHAROS</h4>
+          <h4 class="gene-hero-pharos-heading">Pharos Class</h4>
           <p>{{ gene.druggability[0].pharos_class }}</p>
         </div>
         <div class="gene-hero-aliases">

From dab1ac8f7225bcf4b933b1ea37e4a6e21e047a4e Mon Sep 17 00:00:00 2001
From: sagely1 <114952739+sagely1@users.noreply.github.com>
Date: Wed, 27 Nov 2024 15:33:47 -0800
Subject: [PATCH 3/3] applied a margin under subheadings biodomains and pharos
 class

---
 .../components/gene-hero/gene-hero.component.html    |  2 +-
 .../components/gene-hero/gene-hero.component.scss    | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/app/features/genes/components/gene-hero/gene-hero.component.html b/src/app/features/genes/components/gene-hero/gene-hero.component.html
index cb2b483c..81728ab3 100644
--- a/src/app/features/genes/components/gene-hero/gene-hero.component.html
+++ b/src/app/features/genes/components/gene-hero/gene-hero.component.html
@@ -22,7 +22,7 @@ <h4 class="gene-hero-biodomains-heading">Biological Domains</h4>
             {{ getBiodomains() }}
           </p>
         </div>
-        <div *ngIf="gene.druggability[0].pharos_class">
+        <div *ngIf="gene.druggability[0].pharos_class" class="gene-hero-pharos">
           <h4 class="gene-hero-pharos-heading">Pharos Class</h4>
           <p>{{ gene.druggability[0].pharos_class }}</p>
         </div>
diff --git a/src/app/features/genes/components/gene-hero/gene-hero.component.scss b/src/app/features/genes/components/gene-hero/gene-hero.component.scss
index 46cedd97..332c004f 100644
--- a/src/app/features/genes/components/gene-hero/gene-hero.component.scss
+++ b/src/app/features/genes/components/gene-hero/gene-hero.component.scss
@@ -38,7 +38,17 @@ hr {
 }
 
 .gene-hero-biodomains {
-  margin-bottom: 30px;
+  margin-bottom: 15px;
+  
+  p {
+    margin-left: 10px;
+  }
+}
+
+.gene-hero-pharos {
+  p {
+    margin-left: 10px;
+  }
 }
 
 .gene-hero-summary {