That's kind of what was there before (like a :first child selector) but they are really difficult to style. When I'm looking at CSS, div[0] doesn't mean anything and the CSS becomes mush to my eyes. If we have control of the template I'd prefer to call the components something so I have a better idea of what I'm working with.

Sent from my iPhone

> On Mar 17, 2014, at 7:14 PM, Nicolaas Matthijs <notifications@github.com> wrote:
> 
> In shared/oae/css/oae.components.css:
> 
> > @@ -1039,9 +1039,11 @@ div.oae-thumbnail i[class^="icon-"] {
> >   *  <div class="oae-listitem">
> >   *      <input type="checkbox" class="pull-left" id="oae-list-details-u:cambridge:PPTBPgxSdf" data-id="u:cambridge:PPTBPgxSdf" />
> >   *      <label class="oae-aural-text" for="oae-list-details-u:cambridge:PPTBPgxSdf">John Librarian</label>
> > - *      <div class="oae-thumbnail icon-oae-user pull-left">
> > - *          <img src="/ui/img/dummy/profile-pic-john.png" alt="John Librarian" />
> > - *          <i class="icon-oae-private"></i>
> > + *      <div class="oae-listitem-primary-thumbnail">
> Rather than introducing a new container that makes the component harder to use, can we use :nth-of-type to select the first and second oae-thumbnail element? (https://developer.mozilla.org/en/docs/Web/CSS/:nth-of-type)
> 
> —
> Reply to this email directly or view it on GitHub.