options: improve field handling

[chrome-ext/web-power-switch.git] / options.html
diff --git a/options.html b/options.html

index 849f183b72864ebe5c421a2799052d4f67b1e2f5..263a898c1b258f44bcba2f059bc6ba066dd21e71 100644 (file)
--- a/options.html
+++ b/options.html
@@ -6,19 +6,34 @@
  <title>Web Power Switch Manager Options</title>
  <script src='common.js'></script>
  <script src='options.js'></script>
+<style>body { padding: 0px; }</style>
  </head>
  
-<body background='images/outlet.svg'>
+<body>
  <table>
  <tr>
- <td>URL:</td><td><input type='text' id='url'></td>
+ <td>URL:</td>
+ <td><input type='text' id='url' size=40
+            autocapitalize='none' autocorrect='off' spellcheck='false'></td>
  </tr>
  <tr>
- <td>User:</td><td><input type='text' id='user'></td>
+ <td>User:</td>
+ <td><input type='text' id='user' size=40
+            autocapitalize='none' autocorrect='off' spellcheck='false'></td>
  </tr>
  <tr>
- <td>Pass:</td><td><input type='text' id='pass'></td>
+ <td>Pass:</td>
+ <td><input type='password' id='pass' size=30
+            autocapitalize='none' autocorrect='off' spellcheck='false'>&nbsp;<button id='show-pass'>👁</button></td>
  </tr>
  </table>
+
+<p style='text-align: center'>
+<input type='button' id='save' value='Save'>
+</p>
+<p style='text-align: center' id='msg'>
+You must hit "Save" the first time to authorize the client.
+</p>
+
  </body>
  </html>