Fix header icon spacing and vlocation

components/header.js

@@ -104,7 +104,7 @@ export class Header extends HTMLElement {
         padding: 0 8px;
       }
       button.left-end {
-        padding-right: 12px;
+        padding-left: 12px;
       }
       button.right-end {
         padding-right: 12px;
@@ -239,7 +239,7 @@ export class Header extends HTMLElement {
         )
         localStorage.removeItem(this.path)
         dialog.close()
-        vlocation.hash = newPath
+        location.hash = newPath
       })
       bGroup.addCancel(this.text.cancel, () => {
         dialog.close()
@@ -263,7 +263,7 @@ export class Header extends HTMLElement {
       )
       bGroup.addPrimary(this.text.delete, () => {
         localStorage.removeItem(this.path)
-        vlocation.hash = '/'
+        location.hash = '/'
         dialog.close()
       })
       bGroup.addCancel(this.text.cancel, () => {
@@ -315,7 +315,7 @@ export class Header extends HTMLElement {
     )
     bGroup.addPrimary(this.text.createPage, () => {
       const newPath = this.encodePath(input.value)
-      vlocation.hash = newPath
+      location.hash = newPath
       dialog.close()
     })
     bGroup.addCancel(this.text.cancel, () => {