src/scss/ia/_issues-list.scss
/* Style for the list of issues that can be found in the Developer Pages. */
.issues-list {
    font-size: 15px; // 15px;

    .tx-size--small {
	display: inline-block;
	font-size: 13px;
    }

    & > section {
	padding-bottom: 1em;
	
	/* Set name to inline-block so that we can truncate the text. */
	.issue-name {
	    display: inline-block;
	    vertical-align: bottom;
	    max-width: 60%;
	}

	& > header {
	    padding-bottom: 2em;

	    &.more-space {
		padding-bottom: 49px;
		padding-top: 43px;
	    }
	}

	a[data-filter] {
	    margin-left: 1em;
	    padding-bottom: 0.4em;
	    font-weight: 500;

	    &.selected {
		border-bottom: 2px solid $blue-light;
	    }

	    &:before {
		content: attr(data-count);
		display: inline;
		padding-right: 0.3em;
	    }
	}

	& > ul {
	    padding: .5em 0;
	
	    & > li {
		padding: .5em 0;
		border-bottom: 1px solid $silver-dark;

		&:nth-of-type(1) {
		    border-top: 1px solid $silver-dark;
		}

		$repo-list: ('spice', 'S'),
		            ('goodies', 'G'),
		            ('fathead', 'F'),
		            ('longtail', 'L');
		
		&[data-repo]:before {
		    content: 'N';
		    display: inline;
		    float: left;
		    padding-right: 11px;
		    color: $grey;
		    width: 15px;
		    font-weight: 500;
		}

		@each $repo, $label in $repo-list {
		    &[data-repo=#{$repo}]:before {
			content: '#{$label}';
		    }
		}
	    }
	}
    }
}

#issues .waiting-circle {
    margin-top: 3.5em;
}