Popup dimensions: can now be set in settings form

src/options/options.css

@@ -4,13 +4,15 @@
 
 .main .row{
   text-align: left;
+  padding-top: 10px;
 }
 
 /* The form title */
 
 .main .row > label span{
   color: #1a1a1a;
-  width: 100em;
+  width: 200px;
+  display: inline-block;
   vertical-align: center;
   padding-left: 5px;
   padding-right: 30px;
@@ -24,10 +26,14 @@
   border: 1px solid #dbdbdb;
 }
 
+#popupWidth, #popupHeight {
+  width: 50px;
+  margin-right: 10px;
+}
+
 .main input[type=checkbox]{
   box-shadow: none;
   width: auto;
-  margin-top: 13px;
 }
 
 .main button{

src/options/options.html

@@ -14,6 +14,12 @@
           <input id="url" type="text" name="url">
         </label>
       </div>
+      <div class="row">
+        <label>
+          <span>Popup dimensions (px)</span>
+          <input id="popupWidth" type="text" name="popupWidth"><input id="popupHeight" type="text" name="popupWidth"> (default : 900 x 600)
+        </label>
+      </div>
       <div class="row">
         <label>
           <span>Address bar</span>

src/options/options.js

@@ -5,6 +5,8 @@
 function storeSettings() {
   const settings = {
     url: document.querySelector("#url").value,
+    popupWidth: parseInt(document.querySelector("#popupWidth").value),
+    popupHeight: parseInt(document.querySelector("#popupHeight").value),
     pageAction: document.querySelector("#pageAction").checked,
   };
   // console.log('storeSettings settings');
@@ -19,15 +21,19 @@ function storeSettings() {
  * @return {void}                     -
  */
 function updateUI(restoredSettings) {
+  // console.log('restoredSettings');
+  // console.dir(restoredSettings, { depth: 10, colors: true }); // DEBUG
+
   const url = document.querySelector("#url");
   url.value = restoredSettings.url;
-  // console.log('restoredSettings url');
-  // console.log(url);
+
+  const popupWidth = document.querySelector("#popupWidth");
+  popupWidth.value = restoredSettings.popupWidth;
+  const popupHeight = document.querySelector("#popupHeight");
+  popupHeight.value = restoredSettings.popupHeight;
 
   const pageAction = document.querySelector("#pageAction");
   pageAction.checked = restoredSettings.pageAction;
-  // console.log('restoredSettings pageAction');
-  // console.log(pageAction);
 }
 
 /**