| Index: chrome/browser/resources/settings/search_engines_page/search_engines_page.html
|
| diff --git a/chrome/browser/resources/settings/search_engines_page/search_engines_page.html b/chrome/browser/resources/settings/search_engines_page/search_engines_page.html
|
| index 0933f290ad13dabb909d43997aab9d1078efc428..67b1d17220a456a39129a236e007f627fff6a9f8 100644
|
| --- a/chrome/browser/resources/settings/search_engines_page/search_engines_page.html
|
| +++ b/chrome/browser/resources/settings/search_engines_page/search_engines_page.html
|
| @@ -14,45 +14,49 @@
|
| <link rel="import" type="css" href="chrome://resources/css/action_link.css">
|
| <template>
|
| <style include="settings-shared">
|
| - :host {
|
| - --search-engines-list-item-vertical-space: 8px;
|
| - --search-engines-list-margin: 0 40px;
|
| + .extension-engines {
|
| + @apply(--settings-list-frame-padding);
|
| }
|
| - .label {
|
| - margin: 20px;
|
| +
|
| + settings-omnibox-extension-entry {
|
| + border-top: var(--settings-separator-line);
|
| }
|
| - .extension-engines {
|
| - margin: var(--search-engines-list-margin);
|
| +
|
| + settings-omnibox-extension-entry:first-of-type {
|
| + border-top: none;
|
| }
|
| </style>
|
| - <div>
|
| - <div class="label">$i18n{searchEnginesDefault}</div>
|
| - <settings-search-engines-list engines="[[defaultEngines]]">
|
| - </settings-search-engines-list>
|
| + <div class="settings-box first">
|
| + <h2>$i18n{searchEnginesDefault}</h2>
|
| </div>
|
| + <settings-search-engines-list engines="[[defaultEngines]]">
|
| + </settings-search-engines-list>
|
| <template is="dom-if" if="[[showAddSearchEngineDialog_]]" restamp>
|
| <settings-search-engine-dialog></settings-search-engine-dialog>
|
| </template>
|
| - <div>
|
| - <div class="label">$i18n{searchEnginesOther}</div>
|
| - <!-- TODO(dbeam): why does on-click work with keyboard but on-tap
|
| - doesn't? -->
|
| - <settings-search-engines-list engines="[[otherEngines]]">
|
| - <a is="action-link" on-tap="onAddSearchEngineTap_" id="addSearchEngine">
|
| - $i18n{searchEnginesAddSearchEngine}</a>
|
| - </settings-search-engines-list>
|
| -
|
| - <template is="dom-if" if="[[showExtensionsList_]]">
|
| - <div class="label">$i18n{searchEnginesExtension}</div>
|
| - <iron-list items="[[extensions]]" class="extension-engines" selectable>
|
| - <template>
|
| - <settings-omnibox-extension-entry engine="[[item]]"
|
| - tabindex$="[[tabIndex]]">
|
| - </settings-omnibox-extension-entry>
|
| - </template>
|
| - </iron-list>
|
| - </template>
|
| + <div class="settings-box first">
|
| + <h2>$i18n{searchEnginesOther}</h2>
|
| </div>
|
| + <!-- TODO(dbeam): why does on-click work with keyboard but on-tap
|
| + doesn't? -->
|
| + <settings-search-engines-list engines="[[otherEngines]]">
|
| + <a class="list-item list-button" is="action-link"
|
| + on-tap="onAddSearchEngineTap_" id="addSearchEngine">
|
| + $i18n{searchEnginesAddSearchEngine}</a>
|
| + </settings-search-engines-list>
|
| +
|
| + <template is="dom-if" if="[[showExtensionsList_]]">
|
| + <div class="settings-box first">
|
| + <h2>$i18n{searchEnginesExtension}</h2>
|
| + </div>
|
| + <iron-list items="[[extensions]]" class="extension-engines" selectable>
|
| + <template>
|
| + <settings-omnibox-extension-entry engine="[[item]]"
|
| + tabindex$="[[tabIndex]]">
|
| + </settings-omnibox-extension-entry>
|
| + </template>
|
| + </iron-list>
|
| + </template>
|
| </template>
|
| <script src="search_engines_page.js"></script>
|
| </dom-module>
|
|
|