From 3215a24e50061e650b097b97d3ea7821958fee11 Mon Sep 17 00:00:00 2001
From: Laurent Ghigonis <laurent@p1sec.com>
Date: Mon, 17 Jun 2013 04:15:39 +0200
Subject: jsacess: cosme-tic webui

---
 jsaccess/jsa/index.html | 28 +++++++++++++++-------------
 jsaccess/jsa/jsa.css    | 24 ++++++++++++++++++++----
 2 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/jsaccess/jsa/index.html b/jsaccess/jsa/index.html
index e96b64b..782f58e 100644
--- a/jsaccess/jsa/index.html
+++ b/jsaccess/jsa/index.html
@@ -16,20 +16,22 @@
 	<div id="header">
 		<h1>Restricted access</h1>
 	</div>
-	<div id="forms">
-		<form id="form-getlist" onsubmit="return false;">
-			<h2>1. Enter password</h2>
-			<input type="text" id="password"/><input type="submit" id="getlist" value="Get files list" onclick="jsagetlist()"/>
-		</form>
-		<form id="form-download" onsubmit="return false;">
-			<h2>2. Select file</h2>
-			<div id="files"></div>
-			<h2>3. Dowload</h2>
-			<input type="submit" id="download" value="Download" onclick="jsadl()"/>
-			<input type="button" id="cancel" value="Cancel" onclick="window.location.reload()"/>
-		</form>
+	<div id="content">
+		<div id="forms">
+			<form id="form-getlist" onsubmit="return false;">
+				<h2>1. Enter password</h2>
+				<input type="text" id="password"/><input type="submit" id="getlist" value="Get files list" onclick="jsagetlist()"/>
+			</form>
+			<form id="form-download" onsubmit="return false;">
+				<h2>2. Select file</h2>
+				<div id="files"></div>
+				<h2>3. Dowload</h2>
+				<input type="submit" id="download" value="Download" onclick="jsadl()"/>
+				<input type="button" id="cancel" value="Cancel" onclick="window.location.reload()"/>
+			</form>
+		</div>
+		<div id="status"></div>
 	</div>
-	<div id="status"></div>
 	<div id="footer">
 		<small>Powered by <a href="http://git.zx2c4.com/laurent-tools/tree/jsaccess/README.txt">jsaccess</a></small>
 	</div>
diff --git a/jsaccess/jsa/jsa.css b/jsaccess/jsa/jsa.css
index 768e963..597638c 100644
--- a/jsaccess/jsa/jsa.css
+++ b/jsaccess/jsa/jsa.css
@@ -18,13 +18,21 @@ input {
 	margin-right: 10px;
 }
 
+#content {
+	margin-left: auto;
+	margin-right: auto;
+	width: 70%;
+}
+
 #forms {
+	display: inline;
 	float: left;
+	width: 50%;
 }
 
 #status {
-	float: right;
-	min-width: 400px;
+	display: inline;
+	width: 50%;
 	color:#5fba3d;
 	margin-top: 20px;
 }
@@ -32,7 +40,6 @@ input {
 	content: "Welcome.";
 }
 
-
 #footer {
 	position: absolute;
 	width: 100%;
@@ -49,7 +56,16 @@ input {
 }
 
 @media (max-width: 480px) {
+	#content {
+		display: block;
+		width: 100%;
+	}
+	#forms {
+		display: block;
+		width: 100%;
+	}
 	#status {
-		float: left;
+		display: block;
+		width: 100%;
 	}
 }
-- 
cgit v1.2.3-59-g8ed1b