From 8bbb95839061259b642b16ef85f7aa4a0f878e2c Mon Sep 17 00:00:00 2001
From: rautenberg <rautenberg@in-silico.ch>
Date: Wed, 9 Jan 2013 15:33:03 +0100
Subject: basic layout with css / w3c conformity

---
 views/compound.haml | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

(limited to 'views/compound.haml')

diff --git a/views/compound.haml b/views/compound.haml
index cea6fe8..0ed84c8 100644
--- a/views/compound.haml
+++ b/views/compound.haml
@@ -13,22 +13,23 @@
 
 %table
   %colgroup
-    %col{:width => "25%"}
-    %col{:width => "37%"}
-    %col{:width => "37%"}
+    %col{:style => "width: 300px"}
+    %col{:style => "width: 47%"}
+    %col{:style => "width: 47%"}
   %tr
-    %td{:valign => "top"}
-      %br
-        = name(@cid)
-        CID:
-        = @cid
-      %img{:src => image_uri(@cid)}
-    %td{:valign => "top"}
+    %th{:colspan => "3"}
+      = name(@cid)
+      CID:
+      = @cid
+  %tr
+    %td{:style => "vertical-align:top;"}
+      %img{:src => image_uri(@cid), :alt => "#{name(@cid)} CID: #{@cid}", :class => "compound"}
+    %td{:style => "vertical-align:top;"}
       .targets
       .predicted_targets
       .nontargets
       .predicted_nontargets
-    %td{:valign => "top"}
+    %td{:style => "vertical-align:top;"}
       .active_assays
       .predicted_active_assays
       .inactive_assays
-- 
cgit v1.2.3