From 372338be89b194b9b4d0b0a8428266201b9e907f Mon Sep 17 00:00:00 2001
From: Isaac Jandalala <isaacjandalala@gmail.com>
Date: Thu, 8 Jan 2026 15:16:41 +0000
Subject: [PATCH 1/2] Refactor results page.

---
 .../portal/static/css/goflow-reasoning.css    |  1 -
 .../goflow-reasoning/goflow-reasoning.html    | 45 ++++++++++---------
 2 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/rnacentral/portal/static/css/goflow-reasoning.css b/rnacentral/portal/static/css/goflow-reasoning.css
index 496610b8d..17fd2d690 100644
--- a/rnacentral/portal/static/css/goflow-reasoning.css
+++ b/rnacentral/portal/static/css/goflow-reasoning.css
@@ -206,7 +206,6 @@ details .reasoning-text {
     background: #e7f3ff;
     padding: 12px;
     border-radius: 6px;
-    border-left: 4px solid var(--c-secondary);
     margin-top: 10px;
 }
 
diff --git a/rnacentral/portal/static/js/components/sequence/goflow-reasoning/goflow-reasoning.html b/rnacentral/portal/static/js/components/sequence/goflow-reasoning/goflow-reasoning.html
index 5e99718b6..31dcde44e 100644
--- a/rnacentral/portal/static/js/components/sequence/goflow-reasoning/goflow-reasoning.html
+++ b/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>
 
 

From edd009e73f8aa671b04c31c429996533a5fe9f7f Mon Sep 17 00:00:00 2001
From: Isaac Jandalala <isaacjandalala@gmail.com>
Date: Thu, 8 Jan 2026 16:37:29 +0000
Subject: [PATCH 2/2] Remove bg from PMCID section.

---
 rnacentral/portal/static/css/goflow-reasoning.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/rnacentral/portal/static/css/goflow-reasoning.css b/rnacentral/portal/static/css/goflow-reasoning.css
index 17fd2d690..069bb16ce 100644
--- a/rnacentral/portal/static/css/goflow-reasoning.css
+++ b/rnacentral/portal/static/css/goflow-reasoning.css
@@ -202,13 +202,16 @@ details .reasoning-text {
 }
 
 /* Annotation, PMCID, and targets */
-.annotation, .pmcid, .targets-list {
-    background: #e7f3ff;
+.annotation, .pmcid, .targets-list { 
     padding: 12px;
     border-radius: 6px;
     margin-top: 10px;
 }
 
+.annotation, .targets-list{
+ background: #e7f3ff;
+}
+
 .targets-list p, .annotation p, .targets p{
     margin: 0;
     font-weight: 600;