Implemented issue 1, fixed various minor bugs
diff --git a/options.html b/options.html
index 414cfff..fbdceb7 100644
--- a/options.html
+++ b/options.html
@@ -1,16 +1,22 @@
+<!DOCTYPE html>
<html>
<head>
- <title>Options</title>
<meta charset="UTF-8">
- <script src="options.js"></script>
- <link rel="stylesheet" type="text/css" href="options.css">
- <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
+ <title>Options</title>
+ <link rel="stylesheet" type="text/css" href="css/options.css">
+ <script src="js/options.js"></script>
+ <script src="js/sortable.js"></script>
+ <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
</head>
<body>
<h1 id="welcome"></h1>
<p id="introduction"></p>
- <h2 id="languageselectheader"></h2>
- <div id="languages"></div>
+ <div id="languages_container">
+ <ul id="languages"></ul>
+ </div>
+ <div id="languages_footer">
+ <button id="languages_add">Add</button>
+ </div>
<h2 id="otheroptionsheader"></h2>
<div id="otheroptions">
<input type="radio" name="uniquetab" id="varioustabs" value=""> <label id="varioustabs_label" for="varioustabs"></label><br>
@@ -18,5 +24,16 @@
<input type="radio" name="uniquetab" id="panel" value="panel"> <label id="panel_label" for="panel"></label>
</div>
<button id="save"></button>
+ <dialog id="languages_add_dialog">
+ <h3>Add language</h3>
+ <div class="content_area">
+ <label id="language_label" for="select_language">Language:</label>
+ <select id="select_language"></select>
+ </div>
+ <div class="action_buttons">
+ <button id="languages_add_cancel">Cancel</button>
+ <button id="languages_add_ok">OK</button>
+ </div>
+ </dialog>
</body>
</html>