JAL-3235 -Dtestng-verbosity=10 to trace execution of TestNG tests

[jalview.git] / site-resources / jalview_embedded_example1.html

diff --git a/site-resources/jalview_embedded_example1.html b/site-resources/jalview_embedded_example1.html
index c9d00d5..7163d57 100644 (file)
--- a/site-resources/jalview_embedded_example1.html
+++ b/site-resources/jalview_embedded_example1.html
@@ -47,7 +47,8 @@ jvGet = function(what) {
 </tr><tr>
 
 
-<td valign=top style="padding:20px" >
+<td valign=top style="padding:20px;background-color:lightgray">
+<div style="padding:20px;width:600px;height:400px;overflow-y:auto;background-color:white">
 This simple page illustrates how one can embed the JalviewJS desktop into a web page. 
 The basic idea is that we have something interesting to say &mdash; some sort of scientific context &mdash; something we want to get 
 across to our visitors with more than just text and images. The idea is to have a <b>dynamic</b> page that will involve <b>user interaction</b>. 
@@ -62,9 +63,9 @@ For example, in the space to the right, after a few seconds, you will see an ali
 What you see initially is just the first few residues. Doesn't look like much of an alignment, does it? But <b>scroll to the right</b>. 
 See the big block of red color? That's the <i>Ferredoxin fold</i>domain.
 
-
+</div>
 </td><td style="background-color:lightgray;padding:20px">
-<div id="jalview-alignment-div" style="position:relative;top:0px;left:0px;width:600px;height:400px">
+<div id="jalview-alignment-div" style="padding:20px;position:relative;top:0px;left:0px;width:680px;height:400px">
 <br><br>
 The alignment frame will appear here momentarily. When it does, you can go ahead and manipulate the alignment with your mouse.
 </div>