<style>
.grants-list-header {
padding-inline-start: 20px;
padding-bottom: 20px;
}
.view-grants {
padding-top: 20px;
}
</style>
<div class="grants-list-header"
hidden$="[[!grantsPerOrigin.editGrants.length]]">
$i18n{siteSettingsFileSystemSiteListEditHeader}
</div>
<template is="dom-repeat" items="[[grantsPerOrigin.editGrants]]"
as="editGrant">
<file-system-site-entry-item grant="[[editGrant]]"
on-revoke-grant="onRevokeGrant_">
</file-system-site-entry-item>
</template>
<div class="grants-list-header view-grants"
hidden$="[[!grantsPerOrigin.viewGrants.length]]">
$i18n{siteSettingsFileSystemSiteListViewHeader}
</div>
<template is="dom-repeat" items="[[grantsPerOrigin.viewGrants]]"
as="viewGrant">
<file-system-site-entry-item grant="[[viewGrant]]"
on-revoke-grant="onRevokeGrant_">
</file-system-site-entry-item>
</template>