Layout the NTP footer with flexboxes.

chrome/browser/resources/ntp4/new_tab.html

Index: chrome/browser/resources/ntp4/new_tab.html
diff --git a/chrome/browser/resources/ntp4/new_tab.html b/chrome/browser/resources/ntp4/new_tab.html
index 984b8a29d8c58daee9da6bcd50f7fe5c2fbc94b5..6d86e9a563d3f7b02182715d30c0106e639ca2ee 100644
--- a/chrome/browser/resources/ntp4/new_tab.html
+++ b/chrome/browser/resources/ntp4/new_tab.html
@@ -106,23 +106,22 @@
 
       <div id="footer-menu-container" class="menu-container">
         <button id="other-sessions-menu-button"
-            class="footer-menu-button custom-appearance" hidden>
+            class="footer-menu-button custom-appearance invisible">
           <span i18n-content="otherSessions"></span>
           <div class="disclosure-triangle"></div>
         </button>
         <button id="recently-closed-menu-button"
-            class="footer-menu-button custom-appearance">
+            class="footer-menu-button custom-appearance invisible">
           <span i18n-content="recentlyclosed"></span>
           <div class="disclosure-triangle"></div>
         </button>
-        <div id="vertical-separator"></div>
+        <a id="chrome-web-store-link">

[Dan Beam, 2013/01/31 20:22:11]

this is not a menu so it doesn't belong here

[dconnelly, 2013/02/01 14:34:14]

I was reusing the container to keep all the buttons in one element (see previous
comment).  Can I perhaps rename the container?

+          <div id="vertical-separator"></div>
+          <span id="chrome-web-store-title" i18n-content="webStoreTitleShort">
+          </span>
+        </a>
       </div>
 
-      <a id="chrome-web-store-link">
-        <span id="chrome-web-store-title" i18n-content="webStoreTitleShort">
-        </span>
-      </a>
-
       <div id="trash" class="trash">
         <span class="lid"></span>
         <span class="can"></span>