Bug 1395065 - Move the notification to the top-center of the window r=gasolin

MozReview-Commit-ID: L4OSbt3hJ4q

--HG--
extra : rebase_source : 73d960571b410cf28ca2eb7a5ee6ca24eaa8d184

browser/base/content/newtab/newTab.css

@@ -35,6 +35,8 @@ input[type=button] {
   transition: opacity 100ms ease-out;
   -moz-box-align: center;
   -moz-box-pack: center;
+  position: relative;
+  left: -50%;
 }
 
 #newtab-undo-container[undo-disabled] {
@@ -65,7 +67,7 @@ input[type=button] {
 
 #newtab-margin-undo-container {
   display: -moz-box;
-  left: 6px;
+  left: 50%;
   position: absolute;
   top: 6px;
   z-index: 1;

browser/extensions/onboarding/content/onboarding.css

@@ -24,11 +24,11 @@
 }
 
 #onboarding-overlay-button {
-  padding: 0;
+  padding: 10px 0 0 0;
   position: absolute;
   cursor: pointer;
-  top: 34px;
-  offset-inline-start: 34px;
+  top: 4px;
+  offset-inline-start: 12px;
   border: none;
   /* Set to none so no grey contrast background in the high-contrast mode */
   background: none;

browser/extensions/onboarding/content/onboarding.js

@@ -22,7 +22,7 @@ const BRAND_SHORT_NAME = Services.strings
 const PROMPT_COUNT_PREF = "browser.onboarding.notification.prompt-count";
 const ONBOARDING_DIALOG_ID = "onboarding-overlay-dialog";
 const ONBOARDING_MIN_WIDTH_PX = 960;
-const SPEECH_BUBBLE_MIN_WIDTH_PX = 1150;
+const SPEECH_BUBBLE_MIN_WIDTH_PX = 1130;
 
 /**
  * Add any number of tours, key is the tourId, value should follow the format below