aboutsummaryrefslogtreecommitdiffstats
path: root/settings.html
diff options
context:
space:
mode:
authorPhil Crosby2009-12-30 12:15:46 -0500
committerPhil Crosby2009-12-30 12:15:46 -0500
commitc3d48b152cb939a133da750f9a7cf2307309ddab (patch)
tree207dac8f024022ec59180aee353e238edeaea064 /settings.html
parentb1f850addfc2f310b7123493e382c418cc8ec355 (diff)
downloadvimium-c3d48b152cb939a133da750f9a7cf2307309ddab.tar.bz2
Make the settings page look nicer
Diffstat (limited to 'settings.html')
-rw-r--r--settings.html39
1 files changed, 34 insertions, 5 deletions
diff --git a/settings.html b/settings.html
index 004d3e11..7474dd0f 100644
--- a/settings.html
+++ b/settings.html
@@ -1,6 +1,27 @@
<html>
<head>
<title>Vimium Settings</title>
+ <style type="text/css" media="screen">
+ body {
+ font-family:"helvetica neue", "helvetica", "arial", "sans";
+ width:800px;
+ margin:10px auto;
+ }
+ .example {
+ font-size:80%;
+ color:#555;
+ margin-left:20px;
+ }
+ .caption {
+ margin-right:10px;
+ }
+ td {
+ margin:3px 0;
+ }
+ button#saveSettings {
+ margin-top:20px;
+ }
+ </style>
</head>
<script type="text/javascript">
@@ -32,11 +53,19 @@
<body onload="restoreOptions()">
<h1>Vimium - Settings</h1>
- Scroll Step Size: <input id="scrollStepSize" type="text"> px (default: 60)
- <br>
- Scroll Step Size: <input id="defaultZoomLevel" type="text" value="100"> % (default: 100)
+ <table>
+ <tr>
+ <td class="caption">Scroll Step Size</td>
+ <td><input id="scrollStepSize" type="text" style="width:50px">px</td>
+ <td><span class="example">(default: 60)</td>
+ </tr>
+ <tr>
+ <td><span class="caption">Default zoom level</span></td>
+ <td><input id="defaultZoomLevel" type="text" value="100" style="width:50px">%</td>
+ <td><span class="example">(default: 100)</span></td>
+ </tr>
+ </table>
- <button onclick="saveOptions()">Save Settings</button>
- <div id="status"></div>
+ <button id="saveSettings" onclick="saveOptions()">Save Settings</button>
</body>
</html>