Formatted Address UI

* formatted address form and adjusted controls for larger displays.
* Added event handler to activate list items.
I think the best bet with the time left is to just move .media-object out
of the query.  60X60 looks good enough on both large and small screen.
Hope we get some time later to think about something different.

On Sun, Sep 21, 2014 at 2:57 PM, Brent <notifications@github.com> wrote:

> In bpz/static/css/bpz.css:
>
> > @@ -23,8 +23,30 @@ ul#case-list > li:active {
> >  	border: #428bca;
> >  }
> >
> > -#btn-neighborhood {
> > -  font-size:2em;
> > +/* Small devices (tablets, 768px and up) */
> > +@media (min-width: 760px) {
> > +	#btn-neighborhood {
> > +		font-size:2em;
> > +	}
> > +}
> > +
> > +@media (max-width: 760px) {
> > +	.panel {
> > +		font-size: 10px;
> > +	}
> > +	
> > +	.media-object {
>
> What do you think the approach should be? Should I move the inline
> attribute for the .media-object class out to bpz.css or attempt to do the
> media inspection in bpz.js? Is it being cut off due to the 60x60 dimensions
> being returned by the getBBox() call?
>
> —
> Reply to this email directly or view it on GitHub
> <https://github.com/codefortulsa/BPZAround.me/pull/57/files#r17827711>.
>