Add text-align left and box-sizing to control panel container

freeman-lab / control-panel

embeddable panel of inputs for parameter setting

MIT License

238 stars 17 forks source link

Add text-align left and box-sizing to control panel container #3

Closed rreusser closed 8 years ago

rreusser commented 8 years ago

I put a control-panel on a center-aligned page and it took me a while to figure out why the layout was all wrong. It inherited the center alignment. So I added text-align: center to the control panel. There are probably more props that need to be specified so that it doesn't inherit the wrong properties, but this is a start!

rreusser commented 8 years ago

Sorry to lump in more with this, but while I was tweaking container styles, also added box-sizing: border-box to the main container since if you request width: 400, the width is always greater than 400, which is a little annoying. This makes width = 400 if you request width = 400.