diff --git a/lib/collapsableEmailsWeb.dart b/lib/collapsableEmailsWeb.dart
index af80fbf..bb7e825 100644
--- a/lib/collapsableEmailsWeb.dart
+++ b/lib/collapsableEmailsWeb.dart
@@ -47,7 +47,6 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
   //   super.dispose();
   // }
 
-
   void _registerViewFactory(List<String> currentContent) async {
     // setState(() { //update to do item per item
     // each item to have itsviewtype ID
@@ -121,6 +120,26 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
         final currentElement = leftPurpleNums.item(i) as web.HTMLElement;
         currentElement.style.opacity = newOpacity;
       }
+    } else if (keyEvent.key == 'm') {
+      print("you pressed 'm'");
+      final purpleNums = web.document.getElementsByClassName("purplenumber");
+      _CollapsableEmailsState.left = true;
+      _CollapsableEmailsState.right = true;
+
+      for (int i = 0; i < purpleNums.length; i++) {
+        final currentElement = purpleNums.item(i) as web.HTMLElement;
+        currentElement.style.opacity = '1.0';
+      }
+    } else if (keyEvent.key == 'n') {
+      print("you pressed 'n'");
+      final purpleNums = web.document.getElementsByClassName("purplenumber");
+      _CollapsableEmailsState.left = false;
+      _CollapsableEmailsState.right = false;
+
+      for (int i = 0; i < purpleNums.length; i++) {
+        final currentElement = purpleNums.item(i) as web.HTMLElement;
+        currentElement.style.opacity = '0.0';
+      }
     }
   }
 
@@ -133,7 +152,6 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
     web.window.document.addEventListener('keydown', _listener!);
   }
 
-
   @override
   Widget build(BuildContext context) {
     return _isLoaded