From a71a6337476c136049a1e4bd9488d1ae06f40dab Mon Sep 17 00:00:00 2001 From: Jared Wein Date: Thu, 29 Aug 2019 19:43:11 +0000 Subject: [PATCH] Bug 1576599 - Calculate the flex-basis of the login-item detail rows from the left (start) side to keep the copy buttons aligned in small windows. r=ntim Differential Revision: https://phabricator.services.mozilla.com/D44037 --HG-- extra : moz-landing-system : lando --- .../components/aboutlogins/content/components/login-item.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/browser/components/aboutlogins/content/components/login-item.css b/browser/components/aboutlogins/content/components/login-item.css index 499ce0a8ff4a..7d54e0227d48 100644 --- a/browser/components/aboutlogins/content/components/login-item.css +++ b/browser/components/aboutlogins/content/components/login-item.css @@ -114,7 +114,7 @@ input[type="url"][readOnly]:hover:active { .detail-row-contents { display: flex; align-items: end; - flex-basis: calc(100% - 360px); /* Adds a 360px flexible spacer to the right */ + flex-basis: 340px; /* Allows for 360px of flex on the end (700px (the default 100% width) - 340px) */ max-width: 100%; }