From 373b68890f1ea9cf77557350f5cdcd18e1f517c3 Mon Sep 17 00:00:00 2001
From: shengchd <shengchd@umich.edu>
Date: Fri, 7 Oct 2022 11:28:29 -0700
Subject: [PATCH] REGD-74-add-link-to-beta-version

---
 src/encoded/static/components/regulome_search.js    |  3 +++
 .../scss/encoded/modules/_regulome_search.scss      | 13 +++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/encoded/static/components/regulome_search.js b/src/encoded/static/components/regulome_search.js
index 5ce459241c..0bc88c2c17 100644
--- a/src/encoded/static/components/regulome_search.js
+++ b/src/encoded/static/components/regulome_search.js
@@ -298,6 +298,9 @@ class AdvSearch extends React.Component {
                   </Modal>
                 : null}
                 <div id="panel1" className="adv-search-form" autoComplete="off" aria-labelledby="tab1" onSubmit={this.handleOnFocus} >
+                    <div className="link-to-beta-regulome">
+                        New: Try beta version <a href="https://beta.regulomedb.org/">RegulomeDB v2.1</a> with GRCh38 database
+                    </div>
                     <div className="form-group">
                         <label htmlFor="annotation">
                             <i className="icon icon-search" />Search by dbSNP ID or coordinate range (hg19)
diff --git a/src/encoded/static/scss/encoded/modules/_regulome_search.scss b/src/encoded/static/scss/encoded/modules/_regulome_search.scss
index 4a94433857..87dafb7006 100644
--- a/src/encoded/static/scss/encoded/modules/_regulome_search.scss
+++ b/src/encoded/static/scss/encoded/modules/_regulome_search.scss
@@ -193,6 +193,19 @@ body {
             background: none;
         }
     }
+    .link-to-beta-regulome {
+        font-family: 'Khula', sans-serif !important;
+        font-size: 1.4rem;
+        padding: 5px 5px 0;
+        @media screen and (max-width: $screen-md-min) {
+            font-size: 1.1rem;
+            padding: 0 0 10px;
+        }
+        font-weight: bold;
+        a {
+            text-decoration: underline;
+        }
+    }
 }
 
 .btn {