improve compound card physicochemistry tab layout

Former-commit-id: 66c8a21a2ada793d69aa68728a39ba0df4880295

ippisite/ippidb/templates/compound_card.html

@@ -75,7 +75,10 @@
           </div>
           <div class="tab-pane fade" id="v-pills-physicochemistry" role="tabpanel" aria-labelledby="v-pills-physicochemistry-tab">
             <div class="row">
-            <table class="table table-sm col-sm-12">
+            <div class="card col-sm-12 col-md-6">
+              <h5 class="card-header">Physicochemical filters</h5>
+              <div class="card-body">
+            <table class="table table-sm col-sm-12 col-md-6">
               <thead>
                 <tr>
                   <th class="col-sm-3" scope="col">Descriptor</th>
@@ -136,13 +139,19 @@
               </tbody>
             </table>
             </div>
-            <div>
+          </div>
+            <div class="card col-sm-12 col-md-6">
+              <h5 class="card-header">Radar chart</h5>
+              <div class="card-body">
+
               <canvas id="radar"></canvas>
               <script>
               drawCompoundDescriptorRadarChart('radar', {{ compound.molecular_weight }}, {{ compound.a_log_p }}, {{ compound.nb_donor_h }}, {{ compound.nb_acceptor_h }}, {{ compound.tpsa }}, {{ compound.nb_rotatable_bonds }}, {{ compound.nb_benzene_like_rings }}, {{ compound.fsp3 }}, {{ compound.nb_chiral_centers }});             
                         
               </script>
             </div>
+            </div>
+            </div>
           </div>
           <div class="tab-pane fade" id="v-pills-pharmacology" role="tabpanel" aria-labelledby="v-pills-pharmacology-tab">
           </div>