Cleanup 'Too many devices' dialog

Closes #263

js/options.js

@@ -85,6 +85,9 @@
                 if (e.name === 'HTTPError' && e.code == 411) {
                     $('.progress-dialog').hide();
                     $('.error-dialog').show();
+                    $('.error-dialog .ok').click(function(e) {
+                        chrome.runtime.reload();
+                    });
                 }
                 else {
                     throw e;

options.html

@@ -116,9 +116,9 @@
         <div class='status'></div>
         <div class='bar-container'><div class='bar'></div></div>
       </div>
-      <div class='error-dialog'>
-        <div>Error: Too many devices.</div>
-        <button class='ok'>Continue</span>
+      <div class='error-dialog clearfix'>
+        <div class='panel'>Sorry, you have too many devices registered already. Try removing some.</div>
+        <button class='ok'>Ok</button>
       </div>
     </div>
   </div>

stylesheets/options.css

@@ -6392,12 +6392,12 @@ ul.country-list {
       padding: 1em;
       margin: 0;
       text-align: left; }
-    .modal-container .modal-main .confirmation-dialog, .modal-container .modal-main .progress-dialog {
+    .modal-container .modal-main .confirmation-dialog, .modal-container .modal-main .progress-dialog, .modal-container .modal-main .error-dialog {
       padding: 1em;
       text-align: left; }
     .modal-container .modal-main .confirmation-dialog .number {
       text-align: center; }
-    .modal-container .modal-main .confirmation-dialog button {
+    .modal-container .modal-main .confirmation-dialog button, .modal-container .modal-main .error-dialog button {
       float: right;
       margin-left: 10px; }
     .modal-container .modal-main .progress-dialog {

stylesheets/options.scss

@@ -195,12 +195,12 @@ ul.country-list {
       text-align: left;
     }
 
-    .confirmation-dialog, .progress-dialog {
+    .confirmation-dialog, .progress-dialog, .error-dialog {
       padding: 1em;
       text-align: left;
     }
-    .confirmation-dialog {
-      .number { text-align: center; }
+    .confirmation-dialog .number { text-align: center; }
+    .confirmation-dialog, .error-dialog {
       button {
         float: right;
         margin-left: 10px;