diff options
Diffstat (limited to 'jsaccess')
-rw-r--r-- | jsaccess/jsa/index.html | 28 | ||||
-rw-r--r-- | 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%; } } |