blob: 22bcecf5cf71f2c8b7e4bb6a266422745f091d7f [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="browser_proxy.html">
<link rel="import" href="shared_style.html">
<link rel="import" href="shared_vars.html">
<dom-module id="app-management-metadata-view">
<template>
<style include="app-management-shared-css">
#shelf-switch-row {
align-items: center;
display: flex;
justify-content: space-around;
padding-bottom: 20px;
}
#shelf-switch {
display: flex;
justify-content: space-between;
}
cr-toggle {
padding-inline-start: 12px;
}
#metadata-overview {
display: flex;
flex-direction: column;
}
#metadata-overview > span {
text-align: center;
}
.metadata-row {
display: flex;
justify-content: space-around;
}
</style>
<div id="shelf-switch-row">
<span id="shelf-switch" class="header-text">
$i18n{pinToShelf}
<cr-toggle></cr-toggle>
</span>
</div>
<div id="metadata-overview" class="secondary-text">
<span>[[versionString_(app)]]</span>
<span>[[sizeString_(app)]]</span>
<!--TODO(ceciliani): Placeholder for legal declaration-->
</div>
</template>
<script src="metadata_view.js"></script>
</dom-module>