<style include="certificate-shared iron-flex">
.button-box {
align-items: center;
display: flex;
margin-bottom: 24px;
min-height: 48px;
padding: 0 20px;
}
/* TODO(aee): add platform conditional after crbug/964506 is fixed. */
#importAndBind {
margin-inline-start: 8px;
}
</style>
<div class="button-box">
<span class="flex">
[[getDescription_(certificateType, certificates)]]</span>
<cr-button id="import" on-click="onImportClick_"
hidden="[[!canImport_(certificateType, importAllowed, isKiosk_)]]">
[[i18n('certificateManagerImport')]]</cr-button>
<if expr="is_chromeos">
<cr-button id="importAndBind" on-click="onImportAndBindClick_"
hidden="[[!canImportAndBind_(certificateType, importAllowed,
isGuest_)]]">
[[i18n('certificateManagerImportAndBind')]]</cr-button>
</if>
</div>
<template is="dom-repeat" items="[[certificates]]">
<certificate-entry model="[[item]]"
certificate-type="[[certificateType]]">
</certificate-entry>
</template>