message: Improve mobile display of default resource list (used on Search)
diff: @@ -10,24 +10,24 @@ import { referenceFor, kindForReference } from '../module/k8s';
  const menuActions = [Cog.factory.ModifyLabels, Cog.factory.ModifyAnnotations, Cog.factory.Edit, Cog.factory.Delete];
  const Header = props => <ListHeader>
  - <ColHead {...props} className="col-xs-4" sortField="metadata.name">Name</ColHead>
  - <ColHead {...props} className="col-xs-4" sortField="metadata.namespace">Namespace</ColHead>
  - <ColHead {...props} className="col-xs-4" sortField="metadata.creationTimestamp">Created</ColHead>
  + <ColHead {...props} className="col-xs-6 col-sm-4" sortField="metadata.name">Name</ColHead>
  + <ColHead {...props} className="col-xs-6 col-sm-4" sortField="metadata.namespace">Namespace</ColHead>
  + <ColHead {...props} className="col-sm-4 hidden-xs" sortField="metadata.creationTimestamp">Created</ColHead>
  </ListHeader>;
  const RowForKind = kind => function RowForKind_ ({obj}) {
  return <div className="row co-resource-list__item">
  - <div className="col-xs-4 co-resource-link-wrapper">
  + <div className="col-xs-6 col-sm-4 co-resource-link-wrapper">
  <ResourceCog actions={menuActions} kind={referenceFor(obj) || kind} resource={obj} />
  <ResourceLink kind={kind} name={obj.metadata.name} namespace={obj.metadata.namespace} title={obj.metadata.name} />
  </div>
  - <div className="col-xs-4 co-break-word">
  + <div className="col-xs-6 col-sm-4 co-break-word">
  { obj.metadata.namespace
  ? <ResourceLink kind="Namespace" name={obj.metadata.namespace} title={obj.metadata.namespace} />
  : 'None'
  }
  </div>
  - <div className="col-xs-4">
  + <div className="col-xs-6 col-sm-4 hidden-xs">
  { fromNow(obj.metadata.creationTimestamp) }
  </div>
  </div>;
  