Switch Submit and ClinGen links on ACMG page (#5876)

* Switch Submit and ClinGen links on ACMG page

* Move reclassify down and make ClinGen Criteria Specifications extra small

---------

Co-authored-by: Chiara Rasi <[email protected]>
Co-authored-by: Daniel Nilsson <[email protected]>

Author: 3 people

CHANGELOG.md

@@ -13,6 +13,7 @@ About changelog [here](https://keepachangelog.com/en/1.0.0/)
 ### Changed
 - A case becomes inactive whenever there is a change to any VCF or RNA-associated file (#5888)
 - Enhance variants filters by allowing selection of individual soft filters (#5897)
+- On ACMG classification form, move `Submit` button at the bottom and ClinGen gene links to the top (#5876)
 ### Fixed
 - Fix PanelApp fetch failures caused by 429 responses - Retry-After support (#5864)
 - Parsing of `REVEL rank score` field for LRS from all transcript of a LRS variant (#5860)

scout/server/blueprints/variant/templates/variant/acmg.html

@@ -35,16 +35,24 @@ <h4>
               <span class="badge bg-info">{{ evaluation.classification.short|safe }}</span>
             </h4>
             By {{ evaluation.user_name }} on {{ evaluation.created_at.date() }}
-            {% if edit %}
-              <br><br>
-              <button class="btn btn-primary form-control" data-bs-toggle="tooltip" title="Editing this classification will result in a new classification">Reclassify</button>
-            {% endif %}
             <button type="button" id="download-pdf" class="btn btn-secondary btn-sm position-absolute" style="top: 10px; right: 10px;">
               Download as PDF
             </button>
-          {% elif not evaluation %}
-            <button class="btn btn-primary form-control">Submit</button>
+            <br>
           {% endif %}
+            <!-- external links -->
+            <div class="small">
+              Search ClinGen Criteria Specifications (CSPEC):
+              {% for gene in variant.genes %}
+                <a href="{{ gene.cspec_link }}"
+                   class="btn btn-secondary btn-xs text-white"
+                   rel="noopener"
+                   referrerpolicy="no-referrer"
+                   target="_blank">
+                   {{ gene.common.hgnc_symbol if gene.common else gene.hgnc_id }}
+                </a>
+              {% endfor %}
+            </div>
           <div id="conflicts_div" class="bg-warning"></div>
         </div>
       </div>
@@ -108,15 +116,13 @@ <h4>Evidence of {{ category }}</h4>
           </div>
         {% endfor %}
       </div>
-    <!-- external links -->
-    <div class="card panel-default mt-3">
-      <div class="card-body">
-        Search ClinGen Criteria Specifications (CSPEC):
-        {% for gene in variant.genes %}
-          <a href="{{ gene.cspec_link }}" class="btn btn-secondary text-white" rel="noopener" referrerpolicy="no-referrer" target="_blank">{{ gene.common.hgnc_symbol if gene.common else gene.hgnc_id }}</a>
-        {% endfor %}
-      </div>
-    </div>
+
+    {% if not evaluation %}
+      <button class="btn btn-primary form-control mt-3">Submit</button>
+    {% elif edit %}
+      <button class="btn btn-primary form-control mt-3" data-bs-toggle="tooltip" title="Editing this classification will result in a new classification">Reclassify</button>
+    {%endif %}
+
     <!-- classification preview in the footer-->
       <div class="mt-3 fixed-bottom bg-light border">
         <div class="row">