[design] change button ring focus style

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "nightTab",
-  "version": "5.20.0",
+  "version": "5.21.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nightTab",
-  "version": "5.20.0",
+  "version": "5.21.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": {

src/css/button.css

@@ -171,11 +171,11 @@ button [class*=" button-"]:last-child,
   transition: background-color var(--layout-timing-extra-fast), border-color var(--layout-timing-extra-fast), color var(--layout-timing-extra-fast), box-shadow var(--layout-timing-extra-fast);
 }
 
+.button-ring:focus,
 .button-ring:hover {
   box-shadow: var(--form-ring-hover);
 }
 
-.button-ring:focus,
 .button-ring:active {
   box-shadow: var(--form-ring-accent);
 }

src/js/version.js

@@ -1,6 +1,6 @@
 var version = (function() {
 
-  var current = "5.20.0";
+  var current = "5.21.0";
 
   var name = "Zonked Tarsier";
 

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": "5.20.0",
+  "version": "5.21.0",
   "manifest_version": 2,
   "chrome_url_overrides": {
     "newtab": "index.html"