3 files changed, 31 insertions, 5 deletions
diff --git a/views/batch.haml b/views/batch.haml
index e532e9d..8057a6e 100644
--- a/views/batch.haml
+++ b/views/batch.haml
@@ -134,4 +134,6 @@
           };
         });
       #data-container{:id=>idx,:style=>"width:100%;"}
-      -#pager{:id=>idx}
+%div.modal.fade{:id=>"details", :role=>"dialog"}
+  %div.modal-dialog.modal-lg
+    %div.modal-content
diff --git a/views/details.haml b/views/details.haml
new file mode 100644
index 0000000..be4948a
--- /dev/null
+++ b/views/details.haml
@@ -0,0 +1,28 @@
+:javascript
+  $(document).ready(function(){
+    addExternalLinks();
+  });
+%div.modal-body{:style=>"padding:10px;"}
+  %button.close{ :type=>" button", data: { dismiss:"modal"}} &times;
+  %h3
+    Names and synonyms:
+  %p= @compound.svg
+  %p
+  %b="SMILES:"
+  %p= @smiles
+  %br
+  %b="InChI:"
+  %p= @inchi
+  %br
+  %b="Names:"
+  %p{:style=>"padding-left:0.5em;"}
+  - if @names !~ /^no names/i
+    = @names.join("; ")
+  - else
+    = @names
+  %hr
+  %p{:style=>"padding-left:0.5em;"}
+    / pubchem link
+    %a.btn.btn-primary{:href=>"http://aop.in-silico.ch/", :title=>"Link opens in new window.", :alt=>"pubchem read across", :rel=>"external"} PubChem read across 
+    %i (experimental)
+  %br
diff --git a/views/style.scss b/views/style.scss
index fc6f8f2..235ffcf 100644
--- a/views/style.scss
+++ b/views/style.scss
@@ -26,10 +26,6 @@
 }
 body {
   background-color:#E7E7E7;
-  
-  a {
-    color: inherit;
-  }
 }
 table.table-borderless tbody tr td{
   border-top: none;