From 2f7b81c8fe968b56e2ceff6158563d9f4746c6b8 Mon Sep 17 00:00:00 2001
From: Ray Lothian <ray.lothian@yahoo.com>
Date: Wed, 15 Aug 2018 16:17:16 +0430
Subject: [PATCH] fixes #16

---
 data/options/index.html |  7 ++++---
 data/options/index.js   | 12 ++++++++----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/data/options/index.html b/data/options/index.html
index 7388bcb..2e560ad 100644
--- a/data/options/index.html
+++ b/data/options/index.html
@@ -4,10 +4,11 @@
   <title>My Test Extension Options</title>
   <style>
     body {
-      min-width: 400px;
-      padding: 10px;
+      min-width: 600px;
+    }
+    textarea {
+      width: 100%;
     }
-    textarea { width: 100%; }
     .h {
       text-decoration: underline;
       text-decoration-style: dashed;
diff --git a/data/options/index.js b/data/options/index.js
index c274b6f..4b33f26 100644
--- a/data/options/index.js
+++ b/data/options/index.js
@@ -1,11 +1,11 @@
 'use strict';
 
-function notify(msg) {
+function notify(msg, period = 750) {
   // Update status to let user know options were saved.
   const status = document.getElementById('status');
   status.textContent = msg;
   clearTimeout(notify.id);
-  notify.id = setTimeout(() => status.textContent = '', 750);
+  notify.id = setTimeout(() => status.textContent = '', period);
 }
 
 function prepare(str) {
@@ -17,11 +17,15 @@ function prepare(str) {
 
 function save() {
   let custom = {};
+  const c = document.getElementById('custom').value;
   try {
-    custom = JSON.parse(document.getElementById('custom').value);
+    custom = JSON.parse(c);
   }
   catch (e) {
-    notify(e.message);
+    window.setTimeout(() => {
+      notify('Custom JSON error: ' + e.message, 5000);
+      document.getElementById('custom').value = c;
+    }, 1000);
   }
 
   chrome.storage.local.set({