misc responsive and margin adjustments for compounds display

Former-commit-id: 6d340ee80a4e8ef91955185fc3fcf516b6397a8a

ippisite/ippidb/templates/compound_abstract.html

 <div class="row m-2 border border-info bg-light">
-  <div class="col-5 bg-info">
+  <div class="col-sm-3 bg-info">
     <div id="{{ compound.id }}_smilesdisplay"
       data-widget="Kekule.ChemWidget.Viewer2D" data-auto-fit="true"
       data-toolbar-evoke-modes="[0]" style="width: 200px; height: 200px;">
@@ -11,7 +11,7 @@
       });
     </script>
   </div>
-  <div class="col-7">
+  <div class="col-sm-9">
     <ul class="list-group">
       {% if compound.common_name %}
       <li class="list-group-item">Common name: {{ compound.common_name }}</li>

ippisite/ippidb/templates/compound_list.html

@@ -10,7 +10,7 @@
 <div class="row flex-xl-nowrap">
   <div class="col-12 col-md-3 col-xl-2 bd-sidebar">
 <form>
-  <fieldset class="form-group row border border-info">
+  <fieldset class="form-group row border border-info m-2">
     <div class="bg-info col-12"><legend>PPI</legend></div>
     {% for ppi in ppis|slice:":5"  %}
     <div class="form-check col-12">
@@ -23,7 +23,7 @@
   </fieldset>
 </form>
 </div>
-<main class="col-12 col-md-9 col-xl-10 py-md-3 pl-md-5 bd-content" role="main">
+<main class="col-12 col-md-9 col-xl-10 pl-md-5 bd-content" role="main">
 {% if compounds %}
     {% for compound in compounds %}
         {% include "compound_abstract.html" with compound=compound %}