9 files changed, 46 insertions, 12 deletions
diff --git a/sca-cpp/trunk/modules/edit/htdocs/dash/index.html b/sca-cpp/trunk/modules/edit/htdocs/dash/index.html
index b9ad29b235..3b3dcc0cd5 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/dash/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/dash/index.html
@@ -28,7 +28,9 @@
 <body>
 <div id="menu"></div>
 
+<br/>
 <h1>Welcome to your App Dashboard!</h1>
+<br/>
 <div id="dashboard"></div>
 
 <script type="text/javascript">
diff --git a/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html b/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html
index a7d185da42..fd9ae694a7 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html
@@ -30,16 +30,18 @@
 </head>  
 <body>
 
-<div>
-<span style="position: absolute; left: 0px; top: 0px"><h2>Palette</h2></span>
-<span style="position: absolute; left: 350px; top: 0px"><h2>App</h2></span>
-</div>
+<table style="position: absolute; top: 0px; left: 0px;" width="100%">
+<tr><th style="width: 338px;">Palette</th><th>App</th></tr>
+</table>
 
 <script type="text/javascript">
 var editWidget = sca.component("EditWidget");
 var palettes = sca.reference(editWidget, "palettes");
 var apps = sca.reference(editWidget, "apps");
 
+// Setup remote log
+rconsole = sca.defun(sca.reference(editWidget, "log"), "log");
+
 /**
  * Return the current app name.
  */
diff --git a/sca-cpp/trunk/modules/edit/htdocs/graph/graph.js b/sca-cpp/trunk/modules/edit/htdocs/graph/graph.js
index 1d3b730539..c391afaf23 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/graph/graph.js
+++ b/sca-cpp/trunk/modules/edit/htdocs/graph/graph.js
@@ -378,6 +378,7 @@ if (ui.isIE()) {
         div.style.position = 'absolute';
         div.style.left = pos.xpos();
         div.style.top = pos.ypos();
+        // -webkit-user-select: none;
         document.body.appendChild(div);
 
         var svg = document.createElementNS(graph.svgns, 'svg');
@@ -428,11 +429,19 @@ if (ui.isIE()) {
 
         window.top.onmouseup = window.onmouseup;
         window.ontouchend = window.onmouseup;
+        window.gestureend = window.onmouseup;
+        window.top.gestureend = window.onmouseup;
         window.top.ontouchend = window.onmouseup;
+        window.ontouchcancel = window.onmouseup;
+        window.top.ontouchcancel = window.onmouseup;
 
         window.onmousemove = function(e) {
             if (graph.dragging == null)
                 return false;
+            if (e.preventDefault)
+                e.preventDefault();
+            else
+                e.returnValue = false;
             var pmatrix = graph.dragging.parentNode.getCTM();
             var matrix = graph.dragging.getCTM();
             var curX = pmatrix != null? (Number(matrix.e) - Number(pmatrix.e)): Number(matrix.e);
diff --git a/sca-cpp/trunk/modules/edit/htdocs/graph/index.html b/sca-cpp/trunk/modules/edit/htdocs/graph/index.html
index c02f7b44d0..aebc0ece68 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/graph/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/graph/index.html
@@ -29,7 +29,9 @@
 <body>
 <div id="menu"></div>
 
+<br/>
 <h1><span id="title"></span></h1>
+</br/>
 
 <div id="graph"></div>
 
diff --git a/sca-cpp/trunk/modules/edit/htdocs/index.html b/sca-cpp/trunk/modules/edit/htdocs/index.html
index a9e149c7b1..4dde5b543d 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/index.html
@@ -29,6 +29,7 @@
 <body>
 <div id="menu"></div>
 
+<br/>
 <h1>App Edit Tools</h1>
 <p>This module implements simple tools to help you create Tuscany apps.</p>
 
diff --git a/sca-cpp/trunk/modules/edit/htdocs/login/index.html b/sca-cpp/trunk/modules/edit/htdocs/login/index.html
index 3f312e4ca4..095ed80521 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/login/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/login/index.html
@@ -17,7 +17,16 @@
    under the License.
 -->
 
-<html><body><h1>Sign in</h1>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/> 
+<meta name="apple-mobile-web-app-capable" content="yes"/>
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
+<link rel="stylesheet" type="text/css" href="/ui.css"/>
+</head>
+<body>
+<h1>Sign in</h1>
+<br/>
 
 <script type="text/javascript">
 function submitFormSignin() {
diff --git a/sca-cpp/trunk/modules/edit/htdocs/logout/index.html b/sca-cpp/trunk/modules/edit/htdocs/logout/index.html
index 02a92d1b31..81991aa7c1 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/logout/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/logout/index.html
@@ -17,8 +17,16 @@
    under the License.
 -->
 
-<html><body>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/> 
+<meta name="apple-mobile-web-app-capable" content="yes"/>
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
+<link rel="stylesheet" type="text/css" href="/ui.css"/>
+</head>
+<body>
 <h1>Sign out</h1>
+<br/>
 
 <form name="signout" action="/login" method="GET">
 <script type="text/javascript">
diff --git a/sca-cpp/trunk/modules/edit/htdocs/page/index.html b/sca-cpp/trunk/modules/edit/htdocs/page/index.html
index 839c246122..92f286fdc6 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/page/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/page/index.html
@@ -29,7 +29,9 @@
 <body>
 <div id="menu"></div>
 
+<br/>
 <h1><span id="title"></span></h1>
+</br>
 
 <div id="page"></div>
 
diff --git a/sca-cpp/trunk/modules/edit/htdocs/page/page.html b/sca-cpp/trunk/modules/edit/htdocs/page/page.html
index ca2d51af19..0e0441b4c0 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/page/page.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/page/page.html
@@ -30,15 +30,14 @@
 </head>  
 <body>
 
-<div>
-<span style="position: absolute; left: 0px; top: 0px;"><h2>Palette</h2></span>
-<span style="position: absolute; left: 350px; top: 0px;"><h2>Page</h2></span>
-</div>
+<table style="position: absolute; top: 0px; left: 0px;" width="100%">
+<tr><th style="width: 338px;">Palette</th><th>Page</th></tr>
+</table>
 
 <div id="page" style="position: absolute; top: 60px; left: 0px; width: 5000px; height: 5000px;">
 
-<span id="palette:h1" style="position: absolute; left: 0px; top: 0px;"><h1 style="margin: 0px;">Header1</h1></span>
-<span id="palette:h2" style="position: absolute; left: 0px; top: 40px;"><h2 style="margin: 0px;">Header2</h2></span>
+<span id="palette:h1" style="position: absolute; left: 0px; top: 0px;"><h1>Header1</h1></span>
+<span id="palette:h2" style="position: absolute; left: 0px; top: 40px;"><h2>Header2</h2></span>
 <span id="palette:button" style="position: absolute; left: 0px; top: 80px;"><input type="button" value="button"/></span>
 <span id="palette:entry" style="position: absolute; left: 0px; top: 120px;"><input type="text" value="field" size="5"/></span>
 <span id="palette:password" style="position: absolute; left: 0px; top: 160px;"><input type="password" value="password" size="5"/></span>