<dom-module id="tags-list">
  <template>
    <style>
      :host > ul {
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
      }
      ::content li {
        list-style-type:  none;
        line-height: 24px;
        font-size: 0.9em;
        margin: 3px 6px 3px 12px;
        color: var(--primary-background-color);
        padding: 0 6px 0 0;
        background-color: var(--pr-status-color);
        border-radius: 5px;
      }
      ::content li:before {
        content: "";
        float: left;
        top: 0;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-color: transparent var(--pr-status-color) transparent transparent;
        border-style: solid;
        border-width: 12px 12px 12px 0;

      }
      ::content li:after{
      	content:"";
        margin-top: 9px;
        margin-right: 6px;
      	float:left;
      	width:6px;
      	height:6px;
      	-moz-border-radius:2px;
      	-webkit-border-radius:2px;
      	border-radius:2px;
      	background:#fff;
    	}
    </style>

    <ul>
      <content></content>
    </ul>
  </template>

  <script>
    Polymer({
      is: 'tags-list'
    });
  </script>
</dom-module>

Add element for listing PR tags
Add element for listing PR tags
