<style include="cr-shared-style settings-shared">
.origin {
flex-grow: 1;
padding-inline-start: 20px;
}
.origin-row {
align-items: center;
display: flex;
padding-bottom: 5px;
padding-inline-end: 10px;
padding-top: 5px;
}
.subpage-arrow {
margin-inline-end: 2px;
}
.separator {
padding-inline-end: 25px;
}
</style>
<div class="list-frame">
<div class="origin-row">
<site-favicon url="[[grantsPerOrigin.origin]]"></site-favicon>
<div class="origin">[[grantsPerOrigin.origin]]</div>
<cr-icon-button id="fileSystemSiteDetails"
class="subpage-arrow"
aria-label$="[[grantsPerOrigin.origin]]"
aria-roledescription="$i18n{subpageArrowRoleDescription}"
on-click="onNavigateToDetailsPageClick_">
</cr-icon-button>
<div class="separator"></div>
<cr-icon-button
class="icon-delete-gray"
id="removeGrants"
on-click="onRemoveGrantsClick_">
$i18n{siteSettingsFileSystemSiteListRemoveGrants}
</cr-icon-button>
</div>
</div>