Compound_card : Update compound header aspect

ippisite/ippidb/templates/compound_card.html

@@ -31,11 +31,12 @@
       {{ compound.id }}{% endblock %}
     </div>
   </nav>
-  <div class="container-fluid inner-wrap compound_header_title" id="compound_header_title" style="margin-bottom: 18px; border-radius: 3px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);">
-    <div class="row" style="display: flex;">
+  <div class="container-fluid inner-wrap compound_header_title" id="compound_header_title" style="margin-bottom: 18px; border-radius: 3px; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.2);">
+    <div class="row">
       {% include "compound_smiles_draw.html" with id=compound.id smile=compound.canonical_smile width=150 height=150%}
-      <div class="{% if compound.is_validated is False %}bg_warning{% endif %}" style="margin: auto;">
-        <h1 class="page-title">Compound {{ compound.id }}</h1>
+      <div class="{% if compound.is_validated is False %}bg_warning{% endif %}" 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>