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] 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 {