More tweaks and fixes for extension and bookmark sync promo. ...

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;
+}
+
+#container {
+  position: relative;
+  min-height: 100%;
+}
+
+#promo-spacer {
+  height: 50px;
 }
 
 #main {
   background: url(chrome://theme/product_logo) no-repeat 0 6px;
   position: relative;
   margin: 0 auto;
   width: 920px;
   min-height: 50px;
   -webkit-transition: width .15s;
+  padding-bottom: 110px;
 }
 
 html[dir='rtl'] #main {
   background-position-x: 100%;
 }
 
 html[anim='false'] *,
 .no-anim, .no-anim *,
 .loading * {
   -webkit-transition: none !important;
@@ skipping 151 matching lines @@
 
 .edit-bar > .remove:active {
   background-image: url(chrome://theme/newtab_close_p);
 }
 
 :link,
 :visited,
 .link {
   cursor: pointer;
   text-decoration: underline;
-  color: hsl(213, 90%, 24%, 0.33333);
+  color: hsla(213, 90%, 24%, 0.33333);
   -webkit-appearance: none;
   border: 0;
   background: none;
 }
 
 .link-color {
   color: hsl(213, 90%, 24%);
   text-decoration: none;
 }
 
@@ skipping 111 matching lines @@
 
 .fade-in {
   -webkit-animation: 'fade-in' .15s;
 }
 
 /* Notification */
 
 #notification {
   position: relative;
   background-color: hsl(52, 100%, 80%);
+  border: 1px solid rgb(211, 211, 211);
   -webkit-border-radius: 6px;
   padding: 7px 15px;
   white-space: nowrap;
   display: table;
   margin: -8px auto 5px auto;
   font-weight: bold;
   opacity: 0;
   -webkit-transition: opacity .15s;
   pointer-events: none;
   z-index: 1;
@@ skipping 350 matching lines @@
 /* tip line */
 #tip-line {
   margin: 10px 0;
   text-align: center;
 }
 
 #attribution {
   margin: 10px 0;
 }
 
-/* promotions line */
+/* promotions line and image */
 #bottom-right-promo {
   position: absolute;
-  width: 180px;
+  bottom: 0;
+  right: 0;
+  display: block;
   height: 131px;
   border: 0;
-  bottom: 0px;
-  right: 0px;
-  z-index: -1;
+}
+
+#promo-image {
+  display: block;
+}
+
+.sync-button {
+  padding: 0;
+  margin: 0;
+  -webkit-appearance: none;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  text-decoration: underline;
+  color: rgb(6, 45, 117);
+  font-family: inherit;
+}
+
+.win-button-padding-bug .sync-button {
+  margin: 0 -3px;
 }
 
 #footer {
-  position: fixed;
+  position: absolute;
   bottom: 0;
-  left: 0px;
+  width: 100%;
   text-align: center;
-  width: 100%;
-  -webkit-transition: bottom .15s;
+  min-width: 692px;
 }
 
-#footer.hide-footer {
-  bottom: -40px;
+.hide-promo-line {
+  opacity: 0;
 }
 
 #promo-line {
+  display: inline-block;
+  margin-bottom: 20px;
   background-color: hsl(52, 100%, 80%);
   border: 1px solid rgb(211, 211, 211);
   -webkit-border-radius: 6px;
   padding: 7px 10px;
   white-space: nowrap;
-  display: inline-block;
+  text-align: center;
+  vertical-align: middle;
   color: black;
+  -webkit-transition: opacity .15s;
 }
 
-#promo-line > * {
-  display: inline-block;
+#promo-line * {
   font-weight: bold;
   text-overflow: ellipsis;
 }
 
-#promo-line a {
-  color: rgb(6, 45, 117);
-  text-decoration: underline;
-}
-
 #promo-new {
   color: red;
 }
 
 #promo-close {
   display: inline-block;
   border: 0px;
   margin-left: 10px;
   margin-right: auto;
   vertical-align: middle;
@@ skipping 43 matching lines @@
   }
 
   #notification > * {
     max-width: 300px;
   }
 
   #notification > span > .blacklist-title {
     max-width: 15ex;
   }
 }