Revert 94715 - Revert 94714 - Improve layout for bookmark-apps. Add treatment for small icons.

chrome/browser/resources/ntp4/apps_page.css

Index: chrome/browser/resources/ntp4/apps_page.css
diff --git a/chrome/browser/resources/ntp4/apps_page.css b/chrome/browser/resources/ntp4/apps_page.css
index 4e53480bbff51828c92b3b4b7b032a45060dc9f8..58470f0de61121fd4c317960cd8d2d1becf86572 100644
--- a/chrome/browser/resources/ntp4/apps_page.css
+++ b/chrome/browser/resources/ntp4/apps_page.css
@@ -26,6 +26,24 @@
   -webkit-mask-size: 100% 100%;
 }
 
+.app-icon-div {
+  /* TODO(gbillock): find a better style for this div. Better border color? */
+  border: 1px solid gray;
+  border-radius: 4px;
+  cursor: pointer;
+  display: -webkit-box;
+  /* 96px is the suggested icon size for Chrome apps */

[Evan Stade, 2011/08/03 22:17:36]

this is almost correct: it's the minimum size we show an icon for for chrome
apps. I think the suggested size is 128px (you'll notice the app images get
expanded and shrunk as you change the amount of space available)

[Greg Billock, 2011/08/03 22:30:13]

The suggestion is "make it 128x128, but only use the inner 96x96". I'm not sure
it matters that much to what we'll end up using, though.

On 2011/08/03 22:17:36, Evan Stade wrote:

+  height: 96px;
+  margin-bottom: 15px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 15px;
+  vertical-align: middle;
+  -webkit-box-align: center;
+  -webkit-box-pack: center;

[Evan Stade, 2011/08/03 22:17:36]

nit: -webkit-foo goes at the very end

[Greg Billock, 2011/08/03 22:30:13]

Done.

+  width: 96px;
+}
+
 .app-context-menu > button:first-child {
   font-weight: bold;
 }