NTP: Fix position of the notification and the login name.

chrome/browser/resources/new_new_tab.css

 html {
   /* This is needed because of chrome://theme/css/new_tab.css */
   height: 100%;
 }
 
 body {
   margin: 0;
   height: 100%;
   overflow: auto;
   -webkit-user-select: none;
@@ skipping 12 matching lines @@
 }
 
 body.loading #main {
   /* We start out hidden to prevent glitchiness as the app and most visited
   data flows in. */
   visibility: hidden;
 }
 
 #main,
 .section,
-.maxiview {
+.maxiview,
+#login-container,
+#notification-container {
   width: 920px;
 }
 
 html[dir=rtl] #main {
   background-position-x: 100%;
 }
 
 html[mode=app-launcher] #main {
   min-height: 50px;
 }
@@ skipping 22 matching lines @@
 }
 
 .hide {
   opacity: 0 !important;
   visibility: hidden !important;
   pointer-events: none;
 }
 
 /* Notification */
 
+#notification-container {
+  position: fixed;
+}
+
 #notification {
   position: relative;
   background-color: hsl(52, 100%, 80%);
   border: 1px solid rgb(211, 211, 211);
   border-radius: 6px;
   padding: 7px 15px;
   white-space: nowrap;
   display: table;
-  /* Set the height and margin so that the element does not use any vertical
-    space */
-  height: 16px;
-  margin: -44px auto 12px auto;
+  margin: 2px auto;
   font-weight: bold;
   opacity: 0;
   pointer-events: none;
   -webkit-transition: opacity .15s;
   z-index: 1;
   color: black;
 }
 
 #notification.first-run {
   padding: 5px 13px; /* subtract the border witdh */
@@ skipping 207 matching lines @@
   position: fixed;
   font-size: 92%;
 }
 
 html[anim=true][enable-section-animations=true] .section {
   -webkit-transition: top .15s;
 }
 
 #login-container {
   display: none;
-  height: 0;  /* This should not take any vertical space and this simpler than
-                 position absolute which changes the width to intrinsic */
+  margin-top: 5px;
+  position: fixed;
   text-align: end;
 }
 
 .section.disabled,
 #closed-sections-bar .disabled {
   display: none !important;
 }
 
 .section > h2 {
   font-family: Helvetica, Arial, sans-serif;
@@ skipping 160 matching lines @@
 .miniview > span:last-child {
   margin-right: 0;
 }
 
 /* small */
 
 @media (max-width: 940px) {
 
   #main,
   .section,
-  .maxiview {
+  .maxiview,
+  #login-container,
+  #notification-container {
     width: 692px;
   }
 
   #notification > * {
     max-width: 300px;
   }
 
   #notification > span > .blacklist-title {
     max-width: 15ex;
   }
 }
 
 /* Ensure we have at least 10px horizontal marging. */
 @media (max-width: 712px) {
   #main {
     margin-left: 10px;
     margin-right: 10px;
   }
 }