diff --git a/browser/themes/linux/devtools/debugger.css b/browser/themes/linux/devtools/debugger.css index 48cd6e6a0243..569619878e54 100644 --- a/browser/themes/linux/devtools/debugger.css +++ b/browser/themes/linux/devtools/debugger.css @@ -57,15 +57,17 @@ /* Black box message */ #black-boxed-message { - padding: 100px 50px; - background-color: rgb(61, 69, 76); + /* Prevent the container deck from aquiring the height from this message. */ + min-height: 1px; + background-color: rgb(61,69,76); + padding: 25vh 0; color: white; } #black-boxed-message-label, #black-boxed-message-button { text-align: center; - font-size: 150%; + font-size: 120%; } #black-boxed-message-button { diff --git a/browser/themes/osx/devtools/debugger.css b/browser/themes/osx/devtools/debugger.css index a7aee028ff8b..2daac8f51b6d 100644 --- a/browser/themes/osx/devtools/debugger.css +++ b/browser/themes/osx/devtools/debugger.css @@ -59,15 +59,17 @@ /* Black box message */ #black-boxed-message { - padding: 100px 50px; - background-color: rgb(61, 69, 76); + /* Prevent the container deck from aquiring the height from this message. */ + min-height: 1px; + background-color: rgb(61,69,76); + padding: 25vh 0; color: white; } #black-boxed-message-label, #black-boxed-message-button { text-align: center; - font-size: 150%; + font-size: 120%; } #black-boxed-message-button { diff --git a/browser/themes/windows/devtools/debugger.css b/browser/themes/windows/devtools/debugger.css index 5786ef973c6f..becede062dc3 100644 --- a/browser/themes/windows/devtools/debugger.css +++ b/browser/themes/windows/devtools/debugger.css @@ -57,15 +57,17 @@ /* Black box message */ #black-boxed-message { - padding: 100px 50px; - background-color: rgb(61, 69, 76); + /* Prevent the container deck from aquiring the height from this message. */ + min-height: 1px; + background-color: rgb(61,69,76); + padding: 25vh 0; color: white; } #black-boxed-message-label, #black-boxed-message-button { text-align: center; - font-size: 150%; + font-size: 120%; } #black-boxed-message-button {