visualized smarts

3 files changed, 12 insertions, 3 deletions

diff --git a/views/details.haml b/views/details.haml
index 8ef0ffd..02d7b66 100644
--- a/views/details.haml
+++ b/views/details.haml
@@ -1,7 +1,7 @@
 %link{ :href=>"/style.css", :media=>"screen, projection", :rel=>"stylesheet", :type=>"text/css"}
 
 .content{:style=>"margin-top:0;"}
-  .details{:style=>"padding:0.5em;height:100%;"}
+  .details{:style=>"padding:0.7em;padding-bottom:5em;"}
     %button{:id=>"closebutton", :onclick=>"parent.$('#iframe_details').bPopup().close();parent.$('#iframe_overview').bPopup().close();"}
       X
       
diff --git a/views/significant_fragments.haml b/views/significant_fragments.haml
index 0eec2c2..40a79e1 100644
--- a/views/significant_fragments.haml
+++ b/views/significant_fragments.haml
@@ -1,8 +1,7 @@
 %link{ :href=>"/style.css", :media=>"screen, projection", :rel=>"stylesheet", :type=>"text/css"}
-/TODO put smiles in div if compound image is not available, prevent overlay to table
 .content{:style=>"margin-top:0;"}
   - if @type =~ /classification/i
-    .significant_fragments{:style=>"padding:0.5em;height:100%"}
+    .significant_fragments{:style=>"padding:0.7em;padding-bottom:5em;"}
       %button{:id=>"closebutton", :onclick=>"parent.$('#iframe_details').bPopup().close();parent.$('#iframe_overview').bPopup().close();"}
         X
       %h2{:style=>"margin-left:8px;"}
@@ -26,6 +25,7 @@
                   %td
                     / fragments[1] = smarts 
                     = fragments[1]
+                    %img{:src => "http://smartsview.de/smartsview/auto/png/1/none/#{CGI.escape(fragments[1])}", :class => "smarts"}
                   %td
                     /fragments[2] = pValue
                     = fragments[2]
diff --git a/views/style.scss b/views/style.scss
index 9f03d6a..caeef49 100644
--- a/views/style.scss
+++ b/views/style.scss
@@ -152,6 +152,15 @@ body {
     .significant_fragments table#sf1 td {
       padding: 0.2em; }
 
+  img.smarts{
+    width: 100px;
+    //float: left;
+  }
+  img.smarts:hover{
+    transform: scale(5);
+    border: solid 1px black;
+  }
+
 .descriptors {
   width: 98%;
   margin-bottom: 2em;