diff --git a/ippisite/ippidb/static/css/main.css b/ippisite/ippidb/static/css/main.css index 01cf6e7bc5897ca11df0e309adb07fd542cd12b9..7ea992b0eb4bef9716bb83885509dc4d5544b5d1 100644 --- a/ippisite/ippidb/static/css/main.css +++ b/ippisite/ippidb/static/css/main.css @@ -566,6 +566,16 @@ div.hidden { font-family: "BrandonGrotesqueBlk"; } +.page-title-warning { + margin: 0px 0px 20px; + text-transform: uppercase; + text-align: center; + font-size: 15px; + line-height: 1.2; + color: #1D1D1B; + font-family: "BrandonGrotesqueBlk"; +} + .page-intro { color: #414144; font-size: 16px; diff --git a/ippisite/ippidb/templates/compound_card.html b/ippisite/ippidb/templates/compound_card.html index ca5681037511a77717e0371f8aff44e538bdefb5..df0edf6c56c712443e83780ac3b5a7a1046e3c27 100644 --- a/ippisite/ippidb/templates/compound_card.html +++ b/ippisite/ippidb/templates/compound_card.html @@ -32,14 +32,15 @@ </div> </nav> <div class="container-fluid inner-wrap compound_header_title" id="compound_header_title"> - <div class="row"> + <div class="row {% if compound.is_validated is False %}bg_warning{% endif %}"> {% include "compound_smiles_draw.html" with id=compound.id smile=compound.canonical_smile width=250 height=250%} - <div class="{% if compound.is_validated is False %}bg_warning{% endif %}" style="display: flex; + <div style="display: flex; align-items: center;"> - <h1 class="page-title" style="margin: 0;">Compound {{ compound.id }}</h1> {% if compound.is_validated is False %} - <h3 class="ml-2">This compound has not been validated by a curator yet, data might be incomplete or - inaccurate</h3> + <h1 class="page-title-warning" style="margin: 0;">Compound {{ compound.id }} - This compound has not been validated by a curator yet, data might be incomplete or + inaccurate</h1> + {% else %} + <h1 class="page-title" style="margin: 0;">Compound {{ compound.id }}</h1> {% endif %} </div> </div>