fix(style): fix authorize popup button overlap in Firefox

src/style/_authorize.scss

@@ -11,6 +11,10 @@
   .btn-done {
     margin-right: 1em;
   }
+
+  .authorize {
+    display: flex;
+  }
 }
 
 .auth-wrapper {

test/e2e-cypress/e2e/bugs/6649.cy.js

@@ -0,0 +1,25 @@
+describe("#6649: Authorize popup buttons should not overlap", () => {
+  it("should render authorize and close buttons without overlapping", () => {
+    cy
+      .visit("/?url=/documents/bugs/4641.yaml")
+      .get("button.btn.authorize")
+      .click()
+      .get(".auth-btn-wrapper")
+      .should("be.visible")
+      .within(() => {
+        cy.get(".btn.authorize").then(($authorize) => {
+          cy.get(".btn-done").then(($close) => {
+            const authorizeRect = $authorize[0].getBoundingClientRect()
+            const closeRect = $close[0].getBoundingClientRect()
+
+            // The authorize button should end before the close button starts
+            // (no horizontal overlap)
+            expect(
+              authorizeRect.right,
+              "authorize button right edge should be at or before close button left edge"
+            ).to.be.at.most(closeRect.left)
+          })
+        })
+      })
+  })
+})