Compound_card - Update header appearance

ippisite/ippidb/templates/compound_card.html

@@ -31,9 +31,9 @@
       {{ compound.id }}{% endblock %}
     </div>
   </nav>
-  <div class="container-fluid inner-wrap compound_header_title" id="compound_header_title" style="width: 50%;">
+  <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;">
-      {% include "compound_smiles_draw.html" with id=compound.id smile=compound.canonical_smile %}
+      {% 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>
         {% if compound.is_validated is False %}
@@ -208,6 +208,7 @@
               </div>
             </div>
           </div>
+        </div>
           <div class="row d-flex justify-content-center">
             <div class="col-sm-12 col-md-12" style="margin: 10px;">
               <h5 class="card_title">Pharmacological data</h5>
@@ -249,9 +250,9 @@
                       <td>{{ car.test_activity_description.cell_line.name }}</td>
                       <td>{{ car.get_activity_type_display }}</td>
                       <td>{{ car.activity|floatformat:2 }}</td>
-                    </tr>              
+                    </tr>
                   {% endfor %}
-                  </tbody>
+                </tbody>
               </table>
             </div>
           </div>