Move subtitle inside panel.

Author: Isaac1m

rnacentral/portal/static/css/gene.css

@@ -617,9 +617,15 @@ text-decoration: none;
     margin-bottom: 0.25rem;
     margin-top: 0;
 }
-
+.gene__litsumm-subtitle {
+    padding-inline: 10px;
+    padding-block-end: 20px;
+    margin: 0;
+}
 .gene__litsumm-subtitle span {
-    color: #BF8E3E;
+    color: rgb(38, 183, 231);
+    font-size: 1.4rem;
+    font-weight: bold;
 }
 
 .gene__litsumm-caution {

rnacentral/portal/static/js/components/gene-detail/gene-detail.template.html

@@ -48,14 +48,17 @@ <h2 class="gene__widget-title">Gene Summary</h2>
     <section class="gene__litsumm-section" ng-if="vm.litsummSummaries && vm.litsummSummaries.length > 0">
       <div class="gene-container">
         <div class="gene__litsumm-header">
-          <h4 class="gene__litsumm-subtitle">{{ vm.litsummSummaries[0].urs }} - <span>{{vm.geneData.summary}}</span></h4>
           <p class="gene__litsumm-caution">
            Caution, this is an AI generated summary based on literature. This may have errors, see <a href="/help/litsumm" target="_blank">here for more</a>. Please share your <a href="#" target="_blank">feedback</a> with us.
           </p>
         </div>
         <div id="gene-litsumm-carousel" class="gene__litsumm-carousel">
           <div class="panel panel-default gene__litsumm-panel"
                ng-repeat="item in vm.litsummSummaries">
+               <div class="gene__litsumm-subtitle">
+                 <span ng-bind-html="item.urs"></span> - <span>{{vm.geneData.summary}}</span>
+               </div>
+
             <p class="gene__litsumm-summary" ng-bind-html="item.summary"></p>
           </div>
         </div>