feat: update padding & styles

[midhunadarvin]

• apply padding fixes
• remove enableTrigger variable and directly use simpleTriggerReactiveForm.enabled
• apply default styles of matInput

This is with reference to #113 . I couldn't directly update the feature branch so making a PR to the feature branch.

Notes :

• The default styles of matInput have changed from the previous version ( https://material.angular.io/components/input/overview )
• font family is unchanged ( font-family: Roboto,"Helvetica Neue" ) but some of the updated components have changes in font sizes, hence the difference in UI after updation.

[sonarqubecloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarCloud

[midhunadarvin]

Hi @fabioformosa

There are a few issues from a maintenance perspective that i would like to point out.

• Dependency on angular flex layout. (Replace the deprecated angular flex #102)
  • As per the angular blog (https://blog.angular.io/modern-css-in-angular-layouts-4a259dca9127) They recommend tailwind flex css classes as an alternative.
• Lot of Inline styles are there in the project. In the long run it would make html code quite unreadable. We could consider moving to tailwindcss, which has lot of utility classes and the need for writing custom styles very rare.

[midhunadarvin]

Hi @fabioformosa , Were you able to check the styles and padding on this PR ?

[fabioformosa]

Sure @midhunadarvin, it's in my todo list. I will review it tonight.