From 09a22f3ca29d95d26a74246e75de6fb9db75f853 Mon Sep 17 00:00:00 2001
From: Mike Conley <mconley@mozilla.com>
Date: Fri, 12 Jun 2020 19:00:02 +0000
Subject: [PATCH] Bug 1643503 - Compact the WebRTC global indicator to a height
 of 32px. r=pbz

Differential Revision: https://phabricator.services.mozilla.com/D79342
---
 browser/themes/shared/webRTC-indicator.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/browser/themes/shared/webRTC-indicator.css b/browser/themes/shared/webRTC-indicator.css
index efab8acd6941..26f98e1a0e1c 100644
--- a/browser/themes/shared/webRTC-indicator.css
+++ b/browser/themes/shared/webRTC-indicator.css
@@ -7,7 +7,7 @@
   background: transparent;
   border: 0;
   border-radius: 5px;
-  --indicator-height: 60px;
+  --indicator-height: 32px;
   --indicator-background-color: rgb(249,249,250);
   --indicator-icon-fill: rgba(12,12,13,0.8);
   --indicator-item-separator: 1px solid hsla(210,4%,10%,.14);
@@ -24,6 +24,13 @@ body {
   margin: 0;
   user-select: none;
   -moz-window-dragging: drag;
+  /**
+   * On macOS, for windows with small enough dimensions, we seem to get
+   * vertical scrollbars on the body, even when the contents initially
+   * fit the window. We sidestep this by making sure we never display
+   * scrollbars.
+   */
+  overflow: hidden;
 }
 
 button {
@@ -100,7 +107,7 @@ button {
   background-color: var(--indicator-stop-button-background-color);
   color: var(--indicator-stop-button-color);
   border-radius: 5px;
-  padding: 10px;
+  padding: 5px;
   margin-inline-start: 15px;
 }