From 13665d9ff4e669d6cb5c7583e0f4f3d692b79e67 Mon Sep 17 00:00:00 2001 From: Manav Rathi Date: Mon, 3 Jun 2024 13:37:04 +0530 Subject: [PATCH] Comment --- web/packages/new/photos/components/WhatsNew.tsx | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/web/packages/new/photos/components/WhatsNew.tsx b/web/packages/new/photos/components/WhatsNew.tsx index 4ac3ef2c20..1621ac0e15 100644 --- a/web/packages/new/photos/components/WhatsNew.tsx +++ b/web/packages/new/photos/components/WhatsNew.tsx @@ -44,13 +44,17 @@ export const WhatsNew: React.FC = ({ onClose }) => { ); }; -const ButtonContents = styled("div")` - width: 100%; - text-align: left; -`; - const StyledButton = styled(Button)` + /* Show an outline when the button gains keyboard focus, e.g. when the user + tabs to it. */ &.Mui-focusVisible { outline: 1px solid #aaa; } `; + +const ButtonContents = styled("div")` + /* Make the button text fill the entire space so the endIcon shows at the + trailing edge of the button. */ + width: 100%; + text-align: left; +`;