[MD Bookmarks] Add bookmark count to context menu for multiple items.

chrome/browser/resources/md_bookmarks/command_manager.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action_menu.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_lazy_render/cr_lazy_render.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
 <link rel="import" href="chrome://bookmarks/edit_dialog.html">
 <link rel="import" href="chrome://bookmarks/shared_style.html">
 <link rel="import" href="chrome://bookmarks/store_client.html">
 
 <dom-module id="bookmarks-command-manager">
   <template>
-    <style include="shared-style"></style>
+    <style include="shared-style">
+      .label {
+        flex: 1;
+      }
+
+      .sublabel {
+        -webkit-margin-start: 8px;
+        color: var(--secondary-text-color);
+        text-align: end;
+        width: 24px;

[tsergeant, 2017/06/16 00:25:58]

Consider this optional, but maybe it would be better to have

width: 3ch;

here? That means that the sublabel is exactly big enough for 3 numbers,
regardless of font size. It depends on how the sizing is meant to work, I guess.

[calamity, 2017/06/20 03:30:39]

Done.

+      }
+
+      :not(:host([has-any-sublabel_])).sublabel {

[tsergeant, 2017/06/16 00:25:58]

This selector doesn't work.

I think you need something like

:host(:not([has-any-sublabel_])) .sublabel

[calamity, 2017/06/20 03:30:39]

Done.

+        display: none;
+      }
+
+      button {
+        display: flex;

[tsergeant, 2017/06/16 00:25:58]

I don't think this is necessary? .dropdown-item is already flex.

[calamity, 2017/06/20 03:30:39]

Done.

+      }
+    </style>
     <dialog is="cr-action-menu" id="dropdown" on-mousedown="onMenuMousedown_">
       <template is="dom-repeat" items="[[menuCommands_]]" as="command">
         <button class="dropdown-item"
             command$="[[command]]"
             hidden$="[[!isCommandVisible_(command, menuIds_)]]"
             disabled$="[[!isCommandEnabled_(command, menuIds_)]]"
             on-tap="onCommandClick_">
-          [[getCommandLabel_(command, menuIds_)]]
+          <span class="label">
+            [[getCommandLabel_(command, menuIds_)]]
+          </span>
+          <span class="sublabel">
+            [[getCommandSublabel_(command, menuIds_)]]
+          </span>
         </button>
         <hr hidden$="[[!showDividerAfter_(command)]]"></hr>
       </template>
     </dialog>
     <template is="cr-lazy-render" id="editDialog">
       <bookmarks-edit-dialog></bookmarks-edit-dialog>
     </template>
   </template>
   <script src="chrome://bookmarks/command_manager.js"></script>
 </dom-module>