UI issues

[okonet]

• [ ] Home page is kind of pointless ATM. I'd suggest using this page to display all added components from styleguide. I'm also not sure about having separate pages for each component. I think it would make more sense for styleguide consumers to be able to scroll through the style guide without clicking. In this case, the navigation could act as a TOC with an affix (http://getbootstrap.com/javascript/#affix).
• [ ] "Filter" field doesn't look like an input and more like a heading
• [ ] Typing something into filter input and pressing ESC is broken (https://github.com/pure-ui/styleguide/issues/195)
• [ ] Component instance controls () appearing with a big delay. It feels weird.
• [ ] Component instance controls doesn't have title attributes
• [ ] Pressing on the "+" displays input. It is not focused by default, so you can't start typing without focusing it with the mouse firstly... (see next one for even better fix)
• [x] IMO pressing on the "+" should just add a component without asking for a title. See https://github.com/pure-ui/styleguide/issues/207 for the discussion on it.
• [ ] Inconsistent location of controls
• [ ] "Edit metadata" isn't clear enough
• [ ] "Edit metadata" button should be disabled for components where it is empty
• [ ] Consider dropping the modal in favor of a sidebar with a direct manipulation. Something like "Sketch"?

[nikgraf]

IMO pressing on the "+" should just add a component without asking for a title

@okonet this would get us to crazy file renaming issues and we might do it sometime in the future:.