minor tweaks to biblio cards visualisation

Former-commit-id: a05619d1f39f4feb08ca2ee1e165600561cf784f

ippisite/ippidb/templates/biblio_card.html

@@ -9,6 +9,10 @@
     function display(smiles_id, viewer_id) {
       var smi = document.getElementById(smiles_id).value;
       var chemViewer = new Kekule.ChemWidget.Viewer(document.getElementById(viewer_id));
+      chemViewer.setEnableToolbar(false)
+                .setEnableDirectInteraction(false)
+                .setEnableEdit(false)
+                .setToolButtons([]);
       var mol = Kekule.IO.loadFormatData(smi, "smi"); 
       chemViewer.setChemObj(mol);
       console.log(smi);
@@ -57,7 +61,7 @@
             <div class="card">
                <div class="card-body">
                <div id="{{ compound_biblio.id }}_smilesdisplay"
-                   data-widget="Kekule.ChemWidget.Viewer2D" data-enable-toolbar="true" data-auto-size="true" data-padding="20"
+                   data-widget="Kekule.ChemWidget.Viewer2D" data-auto-size="true" data-padding="20"
                    data-toolbar-evoke-modes="[0]">
                </div>
                <textarea rows="10" cols="50" id="{{ compound_biblio.id }}_smilesvalue" style="display:none;">{{ compound_biblio.compound.canonical_smile }}</textarea>  

ippisite/ippidb/templates/biblio_list.html

@@ -12,11 +12,20 @@
 			<div id="content" class="main-content">
 					<main role="main">
 {% if bibliographies %}
-    <ul>
+<table class="table">
+  <thead class="thead-light">
+    <tr>
+      <th scope="col">Title</th>
+    </tr>
+  </thead>
+  <tbody>
     {% for biblio in bibliographies %}
-        <li><a href="/biblio/{{ biblio.source }}{{ biblio.id_source}}">{{ biblio.title }}</a></li>
+    <tr>
+        <td><a href="/biblio/{{ biblio.source }}{{ biblio.id_source}}">{{ biblio.title }}</a></td>
+    </tr>
     {% endfor %}
-    </ul>
+  </tbody>
+</table>
 {% else %}
     <p>No bibliographies available.</p>
 {% endif %}