Fixes different width of input fields, see #3716

[sreichel]

Description (*)

• changed width to 330px for textarea, text & select fields
• updated README.md

Fixed Issues (if relevant)

1. Fixes Magento Admin: Input fields text and select drop-downs are different widths in "Attribute Information" page #3716

Questions or comments

Only tested with modern admin theme. Maybe can improved for all other SCSS files (untested).

[sreichel]

Note: i only changed the SCSS-file. Everything else - order selectors - was made autotically.

[fballiano]

tested, seems to me to work fine, I wouldn't add the filewatcher section to the readme tho since it's used by an extreme minority or people

[sreichel]

Added readme section to provide to provide some basic information to work with scss files.

Which tool do you use?

[fballiano]

I used either compass or the normal sass cli command, but my comment was only about having the phpstorm helper in the readme, at the end of the day if somebody has to touch the sass files they can run sass in CLI. it's just cause the readme is becoming huge and we already noticed many people don't read it, so adding more info (expecially if it's not of wide use) could be counterproductive

[pquerner]

I acutually like the comment in the readme. Its for developers, afterall.

[sreichel]

@fballiano i've used compass in the past too, but faced problems with different ruby packages.

1. different tools may cause different css-output
2. i had to setup new PhpStorm and struggeled with correct config to write css to the right place (thats why i added it - just as a reminder)

IMHO the readme is already to large ... maybe consider #3659 to be merged.

edit; install pyhthon, mkdocs, ... is only for local preview, hosting at github.io works out of the box

[sreichel]

I acutually like the comment in the readme. Its for developers, afterall.

Wd like to keep it too.

Btw ... also fixes system-config fields.