1 files changed, 12 insertions, 1 deletions
diff --git a/sca-cpp/trunk/modules/openid/htdocs/index.html b/sca-cpp/trunk/modules/openid/htdocs/index.html
index 98bbac0c57..a6656484a5 100644
--- a/sca-cpp/trunk/modules/openid/htdocs/index.html
+++ b/sca-cpp/trunk/modules/openid/htdocs/index.html
@@ -19,7 +19,12 @@
 
 <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"/>
 <script type="text/javascript" src="/component.js"></script>
+
 <script type="text/javascript">
 var protected = sca.component("Protected");
 var userInfo = sca.defun(sca.reference(protected, "userInfo"), "getuser", "getemail", "getrealm");
@@ -27,20 +32,26 @@ var user = userInfo.getuser();
 var email = userInfo.getemail();
 var realm = userInfo.getrealm();
 </script>
+
+<title>Protected area</title>
 </head>
+
 <body>
 <h1>Protected area - It works!</h1>
 <p>The following info is returned by a JSONRPC service:</p>
 <div id="user"></div>
 <div id="email"></div>
 <div id="realm"></div>
+
 <script type="text/javascript">
 document.getElementById('user').innerHTML="User: " + user;
 document.getElementById('email').innerHTML="Email: " + email;
 document.getElementById('realm').innerHTML="Realm: " + realm;
 </script>
+
 <p><a href="info">User info</a></p>
 <p><a href="login">Sign in</a></p>
 <p><a href="logout">Sign out</a></p>
 <p><a href="public">Public area</a></p>
-</body></html>
+</body>
+</html>