chrome/browser/resources/password_manager/passwords_section.html

<style include="shared-style cr-shared-style iron-flex">
  #header {
    align-items: center;
    display: flex;
  }

  a[href] {
    color: var(--cr-link-color);
    text-decoration: none;
  }

  #addPasswordButton {
    height: auto;
    padding: 3px 16px;
  }

  #passwords {
    margin-top: 20px;
  }

  promo-card {
    margin-bottom: 24px;
    margin-top: 24px;
  }

  password-list-item:first-of-type {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }

  password-list-item:last-of-type {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
</style>
<if expr="_google_chrome">
<template is="dom-if" if="[[promoCard_]]" restamp>
  <promo-card id="promoCard" class="card" promo-card="[[promoCard_]]"
      on-promo-closed="onPromoClosed_">
  </promo-card>
</template>
</if>
<div id="header">
  <h2 class="flex page-title">$i18n{passwords}</h2>
  <cr-button id="addPasswordButton" on-click="onAddPasswordClick_"
      title="$i18n{addPasswordTitle}" hidden="[[passwordManagerDisabled_]]">
    $i18n{addPassword}
  </cr-button>
</div>
<div class="cr-secondary-text"
    hidden="[[showImportPasswordsOption_(groups_, passwordManagerDisabled_)]]"
    inner-h-t-m-l="[[i18nAdvanced('passwordsSectionDescription')]]">
</div>
<div id="movePasswords" class="cr-secondary-text"
    hidden="[[!showMovePasswords_]]"
    inner-h-t-m-l="[[getMovePasswordsText_(movePasswordsText_)]]">
</div>
<div id="importPasswords" class="cr-secondary-text"
    hidden="[[!showImportPasswordsOption_(groups_, passwordManagerDisabled_)]]"
    inner-h-t-m-l="[[getImportPasswordsText_()]]">
</div>
<div class="card" id="passwords" role="list"
    hidden$="[[hideGroupsList_(groups_, searchTerm_)]]">
  <template id="passwordsList" is="dom-repeat" initial-count="50"
      items="[[groups_]]" filter="[[groupFilter_(searchTerm_)]]"
      rendered-item-count="{{shownGroupsCount_::dom-change}}">
    <password-list-item item="[[item]]" first="[[!index]]"
        search-term="[[searchTerm_]]" role="listitem">
    </password-list-item>
  </template>
</div>
<template is="dom-if" if="[[showAddPasswordDialog_]]" restamp>
  <add-password-dialog on-close="onAddPasswordDialogClosed_"
      id="addPasswordDialog">
  </add-password-dialog>
</template>
<template is="dom-if" if="[[showAuthTimedOutDialog_]]" restamp>
  <auth-timed-out-dialog on-close="onAuthTimedOutDialogClosed_"
      id="authTimedOutDialog">
  </auth-timed-out-dialog>
</template>