Fix the menu hamburger

core/ui/PageTemplate/sidebar.tid

@@ -3,7 +3,7 @@ tags: $:/tags/PageTemplate
 
 <$scrollable fallthrough="no" class="tw-sidebar-scrollable">
 
-<header class="sidebar-header">
+<$reveal class="sidebar-header" state="$:/state/sidebar" type="match" text="yes" default="yes" retain="yes">
 
 <div class="titlebar">{{$:/SiteTitle}}</div>
 <div class="tw-subtitle">{{$:/SiteSubtitle}}</div>
@@ -16,6 +16,6 @@ tags: $:/tags/PageTemplate
 
 {{$:/core/ui/SideBarLists}}
 
-</header>
+</$reveal>
 
 </$scrollable>

core/ui/TopRightBar/menu.tid

@@ -1,4 +1,9 @@
 title: $:/core/ui/TopBar/menu
 tags: $:/tags/TopRightBar
 
-<$button message="tw-new-tiddler" class="btn-invisible">{{$:/core/images/menu-button}}</$button>
+<$reveal state="$:/state/sidebar" type="nomatch" text="no">
+<$button set="$:/state/sidebar" setTo="no" class="btn-invisible">{{$:/core/images/menu-button}}</$button>
+</$reveal>
+<$reveal state="$:/state/sidebar" type="match" text="no">
+<$button set="$:/state/sidebar" setTo="yes" class="btn-invisible">{{$:/core/images/menu-button}}</$button>
+</$reveal>