From 1674a08dc8c4f8dadc38b6f705fbcb7217617f0d Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Tue, 21 Jan 2020 08:01:17 +0000
Subject: [PATCH] [design] improve menu form spacing

---
 package-lock.json     |  2 +-
 package.json          |  2 +-
 src/css/menu.css      | 12 ++++++------
 src/css/variables.css |  2 ++
 src/js/version.js     |  2 +-
 src/manifest.json     |  2 +-
 6 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 54d144e7..f8ac07c1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "nightTab",
-  "version": "4.27.0",
+  "version": "4.28.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index bb6ae139..4b3cde4c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nightTab",
-  "version": "4.27.0",
+  "version": "4.28.0",
   "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
   "main": "index.js",
   "scripts": {
diff --git a/src/css/menu.css b/src/css/menu.css
index bdbd12dc..354ae5ce 100755
--- a/src/css/menu.css
+++ b/src/css/menu.css
@@ -64,7 +64,7 @@
 }
 
 .menu-content {
-  padding: 0 1.5em;
+  padding: 0 calc(var(--menu-space) * 3);
 }
 
 .menu-content-area {
@@ -82,7 +82,7 @@
 }
 
 .menu-item-header {
-  padding: 2em 0;
+  padding: calc(var(--menu-space) * 2) 0;
 }
 
 .menu-item-header-text {
@@ -90,7 +90,7 @@
 }
 
 .menu-item-form {
-  padding: 0 0 2em 2em;
+  padding: 0 0 calc(var(--menu-space) * 3) calc(var(--menu-space) * 3);
   z-index: 1;
 }
 
@@ -147,7 +147,7 @@
   }
 
   .menu-content {
-    padding: 0 3em;
+    padding: 0 calc(var(--menu-space) * 4);
     overflow-y: auto;
   }
 
@@ -160,7 +160,7 @@
   }
 
   .menu-item-header {
-    padding: 2em 0;
+    padding: calc(var(--menu-space) * 1.75) 0;
     position: sticky;
     top: 0;
     z-index: 3;
@@ -172,7 +172,7 @@
   }
 
   .menu-item-form {
-    padding: 2em 0;
+    padding: calc(var(--menu-space) * 2.5) 0;
     z-index: 2;
   }
 }
diff --git a/src/css/variables.css b/src/css/variables.css
index d38dabb9..df1b4559 100644
--- a/src/css/variables.css
+++ b/src/css/variables.css
@@ -214,6 +214,8 @@
   --form-ring-accent:                                   0 0 0 var(--layout-line-width) rgb(var(--theme-accent)),
                                                         0 0 0 calc(var(--layout-line-width) * 2) rgba(var(--theme-accent), 0.25);
   --form-wrap-space:                                    0.75em;
+  /* menu */
+  --menu-space:                                         0.75em;
   /* button */
   --button-background:                                  var(--theme-color-02);
   --button-background-focus-hover:                      var(--theme-color-03);
diff --git a/src/js/version.js b/src/js/version.js
index 0c22e451..b493050a 100644
--- a/src/js/version.js
+++ b/src/js/version.js
@@ -1,6 +1,6 @@
 var version = (function() {
 
-  var current = "4.27.0";
+  var current = "4.28.0";
 
   var name = "Naughty Goose";
 
diff --git a/src/manifest.json b/src/manifest.json
index 223d7c18..6cbc56f4 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -2,7 +2,7 @@
   "name": "nightTab",
   "short_name": "nightTab",
   "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
-  "version": "4.27.0",
+  "version": "4.28.0",
   "manifest_version": 2,
   "chrome_url_overrides": {
     "newtab": "index.html"