MD History: Replace last usage of cr-shared-menu with cr-action-menu.

chrome/browser/resources/md_history/shared_style.html

Index: chrome/browser/resources/md_history/shared_style.html
diff --git a/chrome/browser/resources/md_history/shared_style.html b/chrome/browser/resources/md_history/shared_style.html
index 5d58cc00b063f8f6539adce6469dd6974ebc9fd9..4cca685129b280be9d0e454931ba9d50fdfcf2de 100644
--- a/chrome/browser/resources/md_history/shared_style.html
+++ b/chrome/browser/resources/md_history/shared_style.html
@@ -37,11 +37,20 @@
         justify-content: center;
       }
 
-      .menu-item {
-        -webkit-user-select: none;
+      /* TODO(dpapad): Copied from MD Settings, find a way to re-use style. */

[tsergeant, 2016/12/21 00:39:36]

Can it be moved into cr_elements/shared_style_css.html ? This was what we did
for cr-dialog, and it shouldn't require any changes to the usage in settings.

[dpapad, 2016/12/21 01:04:48]

cr_elements/shared_style_css.html sounds better than copying the styles here. Or
even baking those into cr_action_menu itself at
https://cs.chromium.org/chromium/src/ui/webui/resources/cr_elements/cr_action...

Don't have a strong opinion. @dbeam, thoughts?

[tsergeant, 2016/12/21 02:37:34]

Hmm, yeah, if there's nothing in settings that uses the styles outside of a
cr-action-menu, then baking them directly into the element probably makes the
most sense.

[Dan Beam, 2016/12/21 03:11:19]

yes, i'd move the default dropdown-item (and hr) styling to cr_action_menu.html

[dpapad, 2016/12/21 03:50:18]

Done for dropdown-item. Did not move hr styling because it is only used in one
place
(https://cs.chromium.org/chromium/src/chrome/browser/resources/settings/langua...)
and it is using CSS classes that are specific to that use case (see 'complex'
css class).

+      .dropdown-item {
+        align-items: center;
+        background: none;
+        border: none;
+        box-sizing: border-box;
+        color: var(--paper-grey-800);
         cursor: pointer;
+        display: flex;
         font: inherit;
-        white-space: nowrap;
+        min-height: 32px;
+        padding: 0 24px;
+        text-align: start;
+        width: 100%;
       }
 
       .website-icon {