No ripple in dialogs

server/server.go

@@ -37,11 +37,9 @@ import (
 - HIGH Rate limiting: Sensitive endpoints (account/login/change-password/...)
 - HIGH Docs
 - HIGH CLI
+- MEDIUM: Test for expiring messages after reservation removal
 - MEDIUM: Test new token endpoints & never-expiring token
 - MEDIUM: Make sure account endpoints make sense for admins
-- MEDIUM: Reservation (UI): Show "This topic is reserved" error message when trying to reserve a reserved topic (Thorben)
-- MEDIUM: Reservation (UI): Ask for confirmation when removing reservation (deadcade)
-- MEDIUM: Reservation table delete button: dialog "keep or delete messages?"
 - LOW: UI: Flickering upgrade banner when logging in
 
 */

web/src/components/Navigation.js

@@ -276,6 +276,7 @@ const SubscriptionItem = (props) => {
     };
 
     return (
+        <>
             <ListItemButton onClick={handleClick} selected={props.selected} aria-label={ariaLabel} aria-live="polite">
                 <ListItemIcon>{icon}</ListItemIcon>
                 <ListItemText primary={displayName} primaryTypographyProps={{ style: { overflow: "hidden", textOverflow: "ellipsis" } }}/>
@@ -304,6 +305,8 @@ const SubscriptionItem = (props) => {
                     <IconButton size="small" onMouseDown={(e) => e.stopPropagation()} onClick={(e) => setMenuAnchorEl(e.currentTarget)}>
                         <MoreVert fontSize="small"/>
                     </IconButton>
+                </ListItemIcon>
+            </ListItemButton>
             <Portal>
                 <SubscriptionPopup
                     subscription={subscription}
@@ -311,8 +314,7 @@ const SubscriptionItem = (props) => {
                     onClose={() => setMenuAnchorEl(null)}
                 />
             </Portal>
-            </ListItemIcon>
-        </ListItemButton>
+        </>
     );
 };