Entity viewer panels padding update (#567)

src/ensembl/src/content/app/entity-viewer/gene-view/GeneView.scss

@@ -15,6 +15,12 @@ $backgroundColor: $black;
   color: $white;
   display: grid;
   background-color: $backgroundColor;
+
+  grid-template-areas:
+  'feature-image feature-image view-in'
+  'tabs-and-filters tabs-and-filters tabs-and-filters'
+  'tab-content tab-content tab-content';
+
   grid-template-columns: 178px 902px 1fr;
   grid-template-rows: min-content minmax(76px, auto) minmax(0, 1fr);  
   padding: 60px 20px 10px;
@@ -24,11 +30,11 @@ $backgroundColor: $black;
 }
 
 .featureImage {
-  grid-area: 1 / 1 / 2 / 3;
+  grid-area: feature-image;
 }
 
 .viewInLinks {
-  grid-area: 1 / 3 / 2 / 4;
+  grid-area: view-in;
   display: grid;
   grid-template-rows: 1fr 1fr;
   align-items: end;
@@ -36,7 +42,7 @@ $backgroundColor: $black;
 }
 
 .geneViewTabs {
-  grid-area: 2 / 1 / 3 / 4;
+  grid-area: tabs-and-filters;
   display: grid;
   grid-template-areas:
                   "filter-toggle tabs"
@@ -63,7 +69,7 @@ $backgroundColor: $black;
 }
 
 .geneViewTabContent {
-  grid-area: 3 / 1 / 4 / 4;
+  grid-area: tab-content;
 }
 
 .filterLabelContainer {

src/ensembl/src/content/app/entity-viewer/gene-view/components/gene-function/GeneFunction.scss

@@ -8,6 +8,8 @@
 .panelBody {
   color: $black;
   min-height: 300px;
+  margin-right: 30px;
+  padding-bottom: 100px;
 }
 
 .header {

src/ensembl/src/content/app/entity-viewer/gene-view/components/gene-relationships/GeneRelationships.scss

@@ -8,6 +8,8 @@
 .panelBody {
   color: $black;
   min-height: 300px;
+  margin-right: 30px;
+  padding-bottom: 100px;
 }
 
 .selectedTabName {