Responsive Site

So I was thinking about the questions page and how it was not very mobile friendly both because the drag and drop didn't work and because nothing scaled down to the phone size. I was going to prototype it a little bit and see what ideas I had but it turned into much more than that with a new questions toolbar, pages and their blocks in panels and toolbars for each of those blocks.

![image](https://cloud.githubusercontent.com/assets/756501/5262550/f376ae88-79db-11e4-9f24-6e736e94d909.png)
![image](https://cloud.githubusercontent.com/assets/756501/5262573/1dc0e49c-79dc-11e4-93c4-cd44e8f25085.png)

I completely killed the drag functionality with my HTML and CSS rewrite although if this moves forward I intend to add it back. It was nice to not have to worry about it as I modified stuff and the current implementation didn't work on touch devices anyways.

I was looking at using one of these libraries for drag and drop since they work on touch devices:
http://jimliu.github.io/angular-ui-tree/index.html - Has great Angular bindings. I successfully used it to reorder the toolbar of new questions (although I haven't committed that yet)
http://rubaxa.github.io/Sortable/
http://touchpunch.furf.com/

What are your guys' initial thoughts? I probably should have discussed it first but I got a piece of it working and just kept going. I think it is more user friendly but I would like to hear feedback. Also, since I enabled responsiveness, some of the other pages and the header don't scale correctly in narrower viewports. That would take a bit to go through and fix but it shouldn't be too bad and should be done anyway if we want the site to be responsive.

This is NOT ready to merge, I just wanted to share it.

Also the delete page btn is a little big but I was trying to figure out what to do with it. Maybe I'll split it into a separate button group...
This function determines where an item you are dragging is allowed to be dropped. Is there a better way to check if a given model from a source node (the source tree that an item is being dragged from) is a block (either a current one or a new one from the top toolbar) or a page than by checking if it has a page id (indicating it is a block) and if it has a defaultTitle (a unique field I had in my questions model)? The examples from the angular-ui-tree component seemed to always store the type of node in the model but that doesn't seem necessary especially since they aren't already in the database and can probably be derived by relationships. The code works but it is just looking at one arbitrary field to determine type.