CSS tweaks for wallpaper manager

chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 html {
   height: 100%;
 }
 
 body {
   background-color: #f1f1f1;
@@ skipping 67 matching lines @@
   padding: 10px;
 }
 
 #custom-container > div {
   margin: 10px 0 5px 0;
 }
 
 .image-picker {
   -webkit-box-flex: 1;
   display: -webkit-box;
+  /* Set font size to 0 to remove the extra vertical margin between two rows of
+   * thumbnails.
+   */
+  font-size: 0;

[kevers, 2012/09/24 14:09:17]

Does "line-height: 100%;" work?  If so, I believe it would be less hacky.

[bshe, 2012/09/24 14:46:52]

Yes. It works.

Done!

On 2012/09/24 14:09:17, kevers wrote:

   outline: none;
   overflow-y: auto;
 }
 
 .image-picker > * {
   display: inline-block;
   margin: 0;
   overflow: hidden;
   padding: 0;
 }
 
 .image-picker [role=listitem] {
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 4px;
   height: 68px;
   margin: 1px;
-  padding: 2px;
   width: 108px;
 }
 
 /* The width and height of img tag need to be set here. Otherwise, an incorrect
  * image size may be used during layout. Some images may be misaligned as a
  * result. See http://code.google.com/p/chromium/issues/detail?id=148480 for
  * screen shot.
  */
 .image-picker img {
   height: 68px;
   width: 108px;
 }
 
-.image-picker [selected][lead] {
+.image-picker [selected][lead] img {
   border: 2px solid rgb(0, 102, 204);
-  padding: 1px;
+  height: 64px;
+  width: 104px;
 }
 
 #wallpaper-attribute {
   -webkit-box-orient: vertical;
   display: -webkit-box;
 }
 
 .bottom-bar {
   -webkit-box-align: center;
   -webkit-box-orient: horizontal;
@@ skipping 117 matching lines @@
   background-position: 0 0;
   background-repeat: repeat-x;
   background-size: 16px 8px;
   height: 5px;
 }
 
 @-webkit-keyframes bg {
   0% { background-position: 0 0; }
   100% { background-position: -16px 0; }
 }