chrome/browser/resources/md_extensions/activity_log_item.html

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/html/cr.html">

<dom-module id="activity-log-item">
  <template>
    <style include="iron-flex cr-shared-style">
      :host {
        display: block;
        padding: 16px 20px;
      }

      #activity-type {
        min-width: 85px;
      }

      #api-call {
        flex-grow: 1;
        margin-inline-start: 10px;
      }

      .page-url-link {
        flex-grow: 1;
        margin-inline-start: 16px;
      }
    </style>
    <div id="activity-call-and-count" class="layout horizontal">
      <span id="activity-type">[[data.activityType]]</span>
      <span id="api-call">[[data.apiCall]]</span>
      <span id="activity-count">[[data.count]]</span>
    </div>
    <div id="page-url-list"
        hidden$="[[!shouldShowPageUrls_(data)]]">
      <template is="dom-repeat" items="[[getPageUrls_(data)]]">
        <div class="page-url layout horizontal">
          <a class="page-url-link" href="[[item.page]]">
            [[item.page]]
          </a>
          <span class="page-url-count"
              hidden$="[[!shouldShowPageUrlCount_(data)]]">
            [[item.count]]
          </span>
        </div>
      </template>
    </div>
  </template>
  <script src="activity_log_item.js"></script>
</dom-module>