2 files changed, 4 insertions, 0 deletions
diff --git a/js/toadmode/index.html b/js/toadmode/index.html
index a1327b4..993c55e 100644
--- a/js/toadmode/index.html
+++ b/js/toadmode/index.html
@@ -19,6 +19,9 @@
         canvas {
             display: block;
         }
+        .context-menu-item:hover {
+            text-decoration: underline;
+        }
     </style>
 </head>
 <body>
diff --git a/js/toadmode/toad.js b/js/toadmode/toad.js
index 7e9822b..ab83653 100644
--- a/js/toadmode/toad.js
+++ b/js/toadmode/toad.js
@@ -99,6 +99,7 @@ contextMenu.style.border = '1px solid black';
 
 ['Square', 'Triangle', 'Circle', 'Octagon', 'Pentagon', 'Diamond', 'Nope'].forEach(shape => {
     const option = createContextMenuOption(shape);
+    option.className = 'context-menu-item';
     contextMenu.appendChild(option);
 }); // I mean, realistically shape should be label, but I got this far...so Nope is gonna be a shape