Fixing Dribbble’s ‘Add to Bucket’ Modal Window

This post will take less than a minute to read.

I love brows­ing Dribbble for inspir­a­tion. I’m also a big fan of being able to place shots into buck­ets so that I can have col­lec­tions of related inspir­a­tion. However, I’m not a fan of how small the buck­et mod­al win­dow cur­rently is.

Luckily, there is a fairly simple solu­tion. Using a plu­gin for Chrome or Firefox called Stylish, we can change the way web­sites appear. Once you have the plu­gin installed, you can cre­ate your own styles, or browse through thou­sands of exist­ing styles.

Pretty simple right? Here is my style for increas­ing the size of Dribbble’s ‘add to buck­et’ mod­al win­dow. Here is a before shot and here is an after shot.

To top it off, I moved the done but­ton to the right of the mod­al; it seems very strange on the left.

Thanks for doing a write-up on this Joshua! I’ve got­ten really in-depth with my buck­ets and the cur­rent lay­out makes it really dif­fi­cult to browse them effi­ciently. I’ve also got a bunch of ideas/fixes for Dribbble’s design out­side of that so I’m glad Stylish exists.