I'm building a Sencha app from a mockup given to me by the designer for the project. To simplify things, I'm trying to use only his CSS code, so I edited app.scss to not import the Sencha default theme but to include my existing CSS file. My thinking was that then I would just need to set appropriate cls attributes when creating the elements, and it should render like the mockup.
It's close, but there are a couple issues--mostly with positioning. The CSS I'm using increases the height of buttons. For some reason, however, that's caused the button to overlap with the text field directly above it. It's also not rendering the proper width. As a test, I tried removing all other classes from the button but mine in devtools, but it's still rendering the same.
How should I address this? Do I need to look into creating custom themes? I had hoped just inserting the CSS and removing the Sencha CSS would take care of that.