X-Git-Url: http://source.jalview.org/gitweb/?a=blobdiff_plain;f=site-resources%2Fjalview_embedded_example1.html;h=7163d5716d0d1c37a84efce809e92676681eb4c9;hb=c1b4720c07631ff280cdc7b3396a4a4e251c03e6;hp=c9d00d585cd06fa4dfa234946682369ceb9a0e9f;hpb=748283c1fb812b52f3d4176aff64436f562a7d61;p=jalview.git

diff --git a/site-resources/jalview_embedded_example1.html b/site-resources/jalview_embedded_example1.html
index c9d00d5..7163d57 100644
--- 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>