From 8402f3481bcc7330dee95cbeb85baea09e3c0b3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Herv=C3=A9=20=20MENAGER?= <herve.menager@pasteur.fr>
Date: Thu, 12 Apr 2018 22:36:18 +0200
Subject: [PATCH] improve physicochemical filters table appearance

Former-commit-id: b18c0c2eb0dde8ca71fd0d20e7a2c09d1a8c2c14
---
 ippisite/ippidb/templates/compound_card.html | 48 ++++++++++----------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/ippisite/ippidb/templates/compound_card.html b/ippisite/ippidb/templates/compound_card.html
index eef05b05..d9698b7d 100644
--- a/ippisite/ippidb/templates/compound_card.html
+++ b/ippisite/ippidb/templates/compound_card.html
@@ -97,51 +97,51 @@
               <tbody>
                 <tr>
                   <th scope="row">Global</th>
-                  <td class="{% if compound.lipinsky_global %}bg-success{% else %}bg-danger{% endif %}"></td>
-                  <td class="{% if compound.veber_global %}bg-success{% else %}bg-danger{% endif %}"></td>
-                  <td class="{% if compound.pfizer_global %}bg-success{% else %}bg-danger{% endif %}"></td>
+                  <td class="{% if compound.lipinsky_global %}table-success{% else %}table-danger{% endif %}" title="at least 3 criteria ok"></td>
+                  <td class="{% if compound.veber_global %}table-success{% else %}table-danger{% endif %}" title="RB and HBA+HBD or TPSA ok"></td>
+                  <td class="{% if compound.pfizer_global %}table-success{% else %}table-danger{% endif %}" title="AlogP and TPSA ok"></td>
                 </tr>
                 <tr>
                   <th scope="row">MW</th>
-                  <td class="{% if compound.lipinsky_mw %}bg-success{% else %}bg-danger{% endif %}" title="Molecular weight <= 500g/mol">{{ compound.molecular_weight }}g/mol</td>
-                  <td class="bg-light"></td>
-                  <td class="bg-light"></td>
+                  <td class="text-right {% if compound.lipinsky_mw %}table-success{% else %}table-danger{% endif %}" title="Molecular weight <= 500g/mol">{{ compound.molecular_weight }}g/mol</td>
+                  <td class="table-light"></td>
+                  <td class="table-light"></td>
                 </tr>
                 <tr>
                   <th scope="row">HBA</th>
-                  <td class="{% if compound.lipinsky_hba %}bg-success{% else %}bg-danger{% endif %}" title="HBA <= 10">{{ compound.nb_acceptor_h  }}</td>
-                  <td class="bg-light"></td>
-                  <td class="bg-light"></td>
+                  <td class="text-right {% if compound.lipinsky_hba %}table-success{% else %}table-danger{% endif %}" title="HBA <= 10">{{ compound.nb_acceptor_h  }}</td>
+                  <td class="table-light"></td>
+                  <td class="table-light"></td>
                 </tr>
                 <tr>
                   <th scope="row">HBD</th>
-                  <td class="{% if compound.lipinsky_hbd %}bg-success{% else %}bg-danger{% endif %}" title="HBD <= 5">{{ compound.nb_donor_h  }}</td>
-                  <td class="bg-light"></td>
-                  <td class="bg-light"></td>
+                  <td class="text-right {% if compound.lipinsky_hbd %}table-success{% else %}table-danger{% endif %}" title="HBD <= 5">{{ compound.nb_donor_h  }}</td>
+                  <td class="table-light"></td>
+                  <td class="table-light"></td>
                 </tr>
                 <tr>
                   <th scope="row">HBA + HBD</th>
-                  <td class="bg-light"></td>
-                  <td class="{% if compound.veber_hba_hbd %}bg-success{% else %}bg-danger{% endif %}" title="HBD + HBA <= 12">{{ compound.hba_hbd }}</td>
-                  <td class="bg-light"></td>
+                  <td class="table-light"></td>
+                  <td class="text-right {% if compound.veber_hba_hbd %}table-success{% else %}table-danger{% endif %}" title="HBD + HBA <= 12">{{ compound.hba_hbd }}</td>
+                  <td class="table-light"></td>
                 </tr>
                 <tr>
                   <th scope="row">AlogP</th>
-                  <td class="{% if compound.lipinsky_a_log_p %}bg-success{% else %}bg-danger{% endif %}" title="AlogP <= 5">{{ compound.a_log_p  }}</td>
-                  <td class="bg-light"></td>
-                  <td class="{% if compound.pfizer_a_log_p %}bg-success{% else %}bg-danger{% endif %}" title="AlogP <= 3">{{ compound.a_log_p  }}</td>
+                  <td class="text-right {% if compound.lipinsky_a_log_p %}table-success{% else %}table-danger{% endif %}" title="AlogP <= 5">{{ compound.a_log_p  }}</td>
+                  <td class="table-light"></td>
+                  <td class="text-right {% if compound.pfizer_a_log_p %}table-success{% else %}table-danger{% endif %}" title="AlogP <= 3">{{ compound.a_log_p  }}</td>
                 </tr>
                 <tr>
                   <th scope="row">TPSA</th>
-                  <td class="bg-light"></td>
-                  <td class="{% if compound.veber_tpsa %}bg-success{% else %}bg-danger{% endif %}" title="TPSA <= 140">{{ compound.tpsa  }}</td>
-                  <td class="{% if compound.pfizer_tpsa %}bg-success{% else %}bg-danger{% endif %}" title="TPSA <= 75">{{ compound.tpsa  }}</td>
+                  <td class="table-light"></td>
+                  <td class="text-right {% if compound.veber_tpsa %}table-success{% else %}table-danger{% endif %}" title="TPSA <= 140">{{ compound.tpsa  }}</td>
+                  <td class="text-right {% if compound.pfizer_tpsa %}table-success{% else %}table-danger{% endif %}" title="TPSA <= 75">{{ compound.tpsa  }}</td>
                 </tr>
                 <tr>
                   <th scope="row">RB</th>
-                  <td class="bg-light"></td>
-                  <td class="{% if compound.veber_rb %}bg-success{% else %}bg-danger{% endif %}" title="RB <= 10">{{ compound.nb_rotatable_bonds }}</td>
-                  <td class="bg-light"></td>
+                  <td class="table-light"></td>
+                  <td class="text-right {% if compound.veber_rb %}table-success{% else %}table-danger{% endif %}" title="RB <= 10">{{ compound.nb_rotatable_bonds }}</td>
+                  <td class="table-light"></td>
                 </tr>
               </tbody>
             </table>
-- 
GitLab