[Clean up] Fix style guide nits in chrome/browser/resources/ntp4.

chrome/browser/resources/ntp4/nav_dot.css

Index: chrome/browser/resources/ntp4/nav_dot.css
diff --git a/chrome/browser/resources/ntp4/nav_dot.css b/chrome/browser/resources/ntp4/nav_dot.css
index 0db53c488e9a18af5b152223f4943e2f8fc2d3be..81eb344a1dc1d34433b4e922b157f8f9e54f6828 100644
--- a/chrome/browser/resources/ntp4/nav_dot.css
+++ b/chrome/browser/resources/ntp4/nav_dot.css
@@ -1,21 +1,20 @@
 /* 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.
- */
+ * found in the LICENSE file. */
 
 /* TODO(estade): handle overflow better? I tried overflow-x: hidden and
    overflow-y: visible (for the new dot animation), but this makes a scroll
    bar appear */
 #dot-list {
+  /* Expand to take up all available horizontal space.  */
+  -webkit-box-flex: 1;
+  /* Center child dots. */
+  -webkit-box-pack: center;
   display: -webkit-box;
   height: 100%;
   list-style-type: none;
   margin: 0;
   padding: 0;
-  /* Expand to take up all available horizontal space.  */
-  -webkit-box-flex: 1;
-  /* Center child dots. */
-  -webkit-box-pack: center;
 }
 
 html.starting-up #dot-list {
@@ -23,15 +22,15 @@ html.starting-up #dot-list {
 }
 
 .dot {
+  -webkit-box-flex: 1;
+  -webkit-margin-end: 10px;
+  -webkit-padding-start: 2px;
+  -webkit-transition: max-width 250ms, -webkit-margin-end 250ms;
   box-sizing: border-box;
   cursor: pointer;
   /* max-width: Set in new_tab.js. See measureNavDots() */
   outline: none;
   text-align: left;
-  -webkit-box-flex: 1;
-  -webkit-margin-end: 10px;
-  -webkit-padding-start: 2px;
-  -webkit-transition: max-width 250ms, -webkit-margin-end 250ms;
 }
 
 .dot:last-child {
@@ -39,18 +38,20 @@ html.starting-up #dot-list {
 }
 
 .dot.small {
-  max-width: 0;
   -webkit-margin-end: 0;
+  max-width: 0;
 }
 
 .dot .selection-bar {
+  -webkit-transition: border-color 200ms;
   border-bottom: 5px solid;
   border-color: rgba(0, 0, 0, 0.1);
   height: 10px;
-  -webkit-transition: border-color 200ms;
 }
 
 .dot input {
+  -webkit-appearance: caret;
+  -webkit-transition: color 200ms;
   background-color: transparent;
   cursor: inherit;
   /* TODO(estade): the font needs tweaking. */
@@ -58,8 +59,6 @@ html.starting-up #dot-list {
   font-weight: bold;
   padding-top: 0;
   width: 90%;
-  -webkit-appearance: caret;
-  -webkit-transition: color 200ms;
 }
 
 .dot input:focus {