move the compound image to the left to always have it visible

Former-commit-id: fc441d2bc608f1c2ba88f56383eff96ac473ccf9

ippisite/ippidb/templates/compound_card.html

@@ -18,13 +18,17 @@
           <a class="nav-link" id="v-pills-pharmacology-tab" data-toggle="pill" href="#v-pills-pharmacology" role="tab" aria-controls="v-pills-pharmacology" aria-expanded="true">Pharmacology</a>
           <a class="nav-link" id="v-pills-drugsimilarity-tab" data-toggle="pill" href="#v-pills-drugsimilarity" role="tab" aria-controls="v-pills-drugsimilarity" aria-expanded="true">Drug similarity</a>
         </div>
+        <div class="card text-center">
+          <div class="card-body">
+          {% include "pubchem_img.html" %}
+          </div>
+        </div>
     </div>
     <div class="col-9">
         <div class="tab-content" id="v-pills-tabContent">
           <div class="tab-pane fade show active" id="v-pills-compound" role="tabpanel" aria-labelledby="v-pills-compound-tab">
             <div class="card">
                <div class="card-body">
-               {% include "pubchem_img.html" %}
                <ul class="list-group">
                    <li class="list-group-item">Common name: {{ compound.common_name }}</li>
                    <li class="list-group-item">Canonical SMILES: {{ compound.canonical_smile }}</li>