I'm doing a TODO collapsible view and have some problems
1. Collapsible became short when I put it inside footer - WHY? how to fix to 100% length?

2. rows are so big, I want everything inside minified and remove that huge padding around

3. why collapsible is not aligned vertically with buttons? how can I fix it?

4. I did a grid because I could not fit it regulally. But I want to make it responsive so everything fits and if it does not it floats lower. How do I do that?

http://jsfiddle.net/xLvL7cd7/1/