Merge pull request #696 from RNAcentral/update-goflow-pages

Update goflow pages

Author: Isaac1m

rnacentral/portal/static/css/goflow-reasoning.css

@@ -202,14 +202,16 @@ details .reasoning-text {
 }
 
 /* Annotation, PMCID, and targets */
-.annotation, .pmcid, .targets-list {
-    background: #e7f3ff;
+.annotation, .pmcid, .targets-list { 
     padding: 12px;
     border-radius: 6px;
-    border-left: 4px solid var(--c-secondary);
     margin-top: 10px;
 }
 
+.annotation, .targets-list{
+ background: #e7f3ff;
+}
+
 .targets-list p, .annotation p, .targets p{
     margin: 0;
     font-weight: 600;

rnacentral/portal/static/js/components/sequence/goflow-reasoning/goflow-reasoning.html

@@ -12,6 +12,29 @@
 
   <!-- Results -->
   <div ng-show="goflowData && !isLoading && !error">
+
+    <!-- Annotation -->
+<div class="step" ng-show="goflowData.annotation">
+  <div class="prompt">Annotation</div>
+  <div class="annotation">
+    <p ng-if="goflowData && goflowData.annotation && goflowData.annotation.BP">
+      <a
+      ng-href="https://www.ebi.ac.uk/QuickGO/GTerm?id={{goflowData.annotation.BP.involved_in}}"
+      target="_blank">
+   {{goflowData.annotation.BP.involved_in}}
+      </a>
+  </p>
+    </div>
+  </div>
+
+      <!-- Targets Section -->
+    <div class="step" ng-show="goflowData.targets || goflowData.target">
+      <div class="prompt">Identified Targets</div>
+      <div class="targets-list">
+        <p ng-show="goflowData.targets">{{ goflowData.targets }}</p>
+        <p ng-show="goflowData.target && !goflowData.targets">{{ goflowData.target }}</p>
+      </div>
+    </div>
 
     <!-- miRNA Binding Experiment -->
     <div class="step" ng-show="hasValue(goflowData.mirna_binding_filter_result)">
@@ -175,14 +198,6 @@
       </details>
     </div>
 
-    <!-- Targets Section -->
-    <div class="step" ng-show="goflowData.targets || goflowData.target">
-      <div class="prompt">Identified Targets</div>
-      <div class="targets-list">
-        <p ng-show="goflowData.targets">{{ goflowData.targets }}</p>
-        <p ng-show="goflowData.target && !goflowData.targets">{{ goflowData.target }}</p>
-      </div>
-    </div>
      <!-- PMCID -->
     <div class="step" ng-show="goflowData.pmcid">
       <div class="prompt">PMCID</div>
@@ -197,19 +212,7 @@
       </div>
     </div>
 
-<!-- Annotation -->
-<div class="step" ng-show="goflowData.annotation">
-  <div class="prompt">Annotation</div>
-  <div class="annotation">
-    <p ng-if="goflowData && goflowData.annotation && goflowData.annotation.BP">
-      <a
-      ng-href="https://www.ebi.ac.uk/QuickGO/GTerm?id={{goflowData.annotation.BP.involved_in}}"
-      target="_blank">
-   {{goflowData.annotation.BP.involved_in}}
-      </a>
-  </p>
-    </div>
-  </div>
+
 </div>