applied a margin under subheadings biodomains and pharos class

sagely1 · Nov 27, 2024 · dab1ac8 · dab1ac8
1 parent 6f5e712
commit dab1ac8
Showing 2 changed files with 12 additions and 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
@@ -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
@@ -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 {