From f0877a3fee67a4a06167c575114526f5afac8890 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Herv=C3=A9=20=20MENAGER?= <herve.menager@pasteur.fr>
Date: Wed, 8 Nov 2017 18:07:28 +0100
Subject: [PATCH] misc responsive and margin adjustments for compounds display

Former-commit-id: 6d340ee80a4e8ef91955185fc3fcf516b6397a8a
---
 ippisite/ippidb/templates/compound_abstract.html | 4 ++--
 ippisite/ippidb/templates/compound_list.html     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ippisite/ippidb/templates/compound_abstract.html b/ippisite/ippidb/templates/compound_abstract.html
index 99b7e740..a8094c27 100644
--- a/ippisite/ippidb/templates/compound_abstract.html
+++ b/ippisite/ippidb/templates/compound_abstract.html
@@ -1,5 +1,5 @@
 <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>
diff --git a/ippisite/ippidb/templates/compound_list.html b/ippisite/ippidb/templates/compound_list.html
index 00303285..92cec141 100644
--- a/ippisite/ippidb/templates/compound_list.html
+++ b/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 %}
-- 
GitLab