Change bookmark manager header to look more like settings/extensions/history.

chrome/browser/resources/bookmark_manager/css/bmm.css

Index: chrome/browser/resources/bookmark_manager/css/bmm.css
diff --git a/chrome/browser/resources/bookmark_manager/css/bmm.css b/chrome/browser/resources/bookmark_manager/css/bmm.css
index 5f1367d0195f3fff09e2fb949e32a399f424dacc..bd266871f155d30b42d1b174a6d8001707af3571 100644
--- a/chrome/browser/resources/bookmark_manager/css/bmm.css
+++ b/chrome/browser/resources/bookmark_manager/css/bmm.css
@@ -249,35 +249,20 @@ list > .folder > .label,
 </if>
 }
 
-.logo {
-  -webkit-appearance: none;
-  background: url('../images/bookmarks_section_32.png') no-repeat 50% 50%;
-  border: 0;
-  cursor: pointer;
-  float: left;
-  height: 32px;
-  margin: 10px;
-  width: 32px;
-}
-
-html:not(.focus-outline-visible) .logo:focus {
-  outline: none;
-}
-
-.header form {
-  float: left;
-  margin: 14px 2px 0 2px;
-  width: 171px;
+header {
+  align-items: center;
+  display: flex;
+  min-width: 400px;
+  padding: 0 12px;
 }
 
-.header {
-  min-width: 400px;
+header h2 {
+  flex: 1;
+  font-weight: normal;
 }
 
-html[dir=rtl] .logo,
-html[dir=rtl] .header > div,
-html[dir=rtl] .header form {
-  float: right;
+header form {
+  flex: none;
 }
 
 .tree-row.drag-on,
@@ -339,13 +324,14 @@ list > .drag-above {
 
 .summary button {
   -webkit-appearance: none;
-  -webkit-margin-start: 10px;
+  -webkit-margin-start: 16px;
   -webkit-padding-end: 11px;
   -webkit-padding-start: 0;
   background: transparent -webkit-canvas(drop-down-arrow)
               no-repeat right center;
   border: 0;
   font: inherit;
+  font-weight: bold;
   padding-bottom: 0;
   padding-top: 0;
 }