Custom input fields and smaller buttons for campaign budgets app

[surakhchin]

1) smaller buttons so they fit better in table and are more responsive for smaller screens by adding bootstrap css class btn-xs

2) set custom widths to id, budget, primary, cpm, and spent input elements by adding new css classes in mystyles.css

[venediktov]

There are truncation and other issues with inputs being too small \:

• the id only displays up to 3 digits
• the budget and other big micro USD numbers are getting truncated
• the CPM, CPC, CPA display 1/2 of last letter
• there is a huge gap between input boxes
• the update buttons are not following immediately the last input box ( same as above)

Is there a way to specify to have column with as maximum number in that column ? Perhaps we'll need a fancier grid for that like PrimeNG ?

[surakhchin]

Ok no probs I will work on them today/tomorrow

[venediktov]

Sounds good, thank you!

[surakhchin]

hello i made some changes you can check at https://surakhchin.github.io/budgets2/, im not sure if i can figure out how to make custom width to input values, for now this at least allows all values to be displayed and is responsive to the page

[venediktov]

Sounds good ! Thanks for contributing to the project , this will close issue #46 .