From c14949c40bb7794e25d0ea7d676a4d37a459498d Mon Sep 17 00:00:00 2001
From: ontowhee <82607723+ontowhee@users.noreply.github.com>
Date: Thu, 16 Nov 2023 11:43:20 -0800
Subject: [PATCH] Fix #1409 -- Add Keyboard Accessibility To Hamburger Menu
 (#1418)

* Change div to button

* Change border to 0
---
 djangoproject/scss/_style.scss             | 2 +-
 djangoproject/static/js/mod/mobile-menu.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss
index db6d1a1cc..d4aa30c4b 100644
--- a/djangoproject/scss/_style.scss
+++ b/djangoproject/scss/_style.scss
@@ -526,7 +526,7 @@ blockquote {
     .menu-button {
         @include font-size(20);
         background: $green-dark;
-        border-radius: 23px;
+        border: 0;
         color: var(--menu);
         cursor: pointer;
         display: block;
diff --git a/djangoproject/static/js/mod/mobile-menu.js b/djangoproject/static/js/mod/mobile-menu.js
index 02bed15e8..2ae38f6fc 100644
--- a/djangoproject/static/js/mod/mobile-menu.js
+++ b/djangoproject/static/js/mod/mobile-menu.js
@@ -12,7 +12,7 @@ define([
         init: function(){
             var self = this;
             self.menu.addClass('nav-menu-on');
-            self.button = $('<div class="menu-button"><i class="icon icon-reorder"></i><span>Menu</span></div>');
+            self.button = $('<button class="menu-button"><i class="icon icon-reorder"></i><span>Menu</span></button>');
             self.button.insertBefore(self.menuBtn);
             self.button.on( 'click', function(){
                 self.menu.toggleClass('active');