lazar details implemented

1 files changed, 61 insertions, 25 deletions

diff --git a/views/style.sass b/views/style.sass
index b64b919..4977da1 100644
--- a/views/style.sass
+++ b/views/style.sass
@@ -18,6 +18,7 @@ body
     color: $ot_purple
   a:hover
     color: black
+
   .headline
     .logo
       float: right
@@ -55,6 +56,7 @@ body
         color: $bg_color
       a
         color: $text_color
+
   .content
     background-color: $bg_color
     height: 100%
@@ -102,6 +104,7 @@ body
         td
           padding: 0.5em
           border: 1px solid
+
     .predictions
       text-align: center
       overflow: auto
@@ -121,57 +124,87 @@ body
         img
           padding: 0
           height: 100%
+
     .lazar-predictions
       clear: both
       margin-top: 2%
+      .neighbors_navigation
+        font-size: x-small
+        #prev
+          @extend a
+          display: inline
+        #next
+          @extend a
+          display: inline
+        
+      dt
+        font-weight: bold
       table
+        width: 100%
+        //height: 100%
+        background-color: $bg_color2
         border-spacing: 0
         border-collapse: collapse
         margin: 0
+        tbody
+          height: 10em
+          overflow: scroll
         th
+          text-align: center
           border: 1px solid
           color: $body_color
           background-color: $fg_color
-          //border: 1px solid
           margin: 0.5em
+          a
+            text-decoration: underline
+            font-weight: bold
+            color: $bg_color
+
+          a:hover
+            color: $bg_color2
         td
           border: 1px solid
-          background-color: $bg_color2
-          padding: 0.5em
+          overflow: auto
+          ul
+            list-style-type: none
+        td.image
+          padding: 0
+          width: 150px
+          height: 150px
+
           table
             font-size: x-small
             td
               border: none
             td.selected
               background-color: blue
-        //img
-          padding: 0
-          //height: 100%
+          //overflow-y: scroll;
+
   .model
     padding: 0em 1em
     background-color: $bg_color2
     border: 1px solid
     margin-top: 0.6em
-  dl
-    dt
-      width: 15em
-      font-weight: bold
-      float: left
-      clear: both
-    dd
-      clear: right
-      margin: 0.2em 0em
-      dl
+    dl
+      dt
+        width: 15em
+        font-weight: bold
+        float: left
         clear: both
-        padding: 0em
-        background-color: $bg_color2
-        border: 0
-        dt
-          white-space: nowrap
-          width: 16em
-          font-weight: bold
-          float: left
-          clear: right
+      dd
+        clear: right
+        margin: 0.2em 0em
+        dl
+          clear: both
+          padding: 0em
+          background-color: $bg_color2
+          border: 0
+          dt
+            white-space: nowrap
+            width: 16em
+            font-weight: bold
+            float: left
+            clear: right
           
   .footer
     margin: 0.5em
@@ -183,6 +216,9 @@ body
 .inactive
   color: green
 
+.inconclusive
+  color: yellow
+
 .other
   color: black