adjust mobile styles for apps-module (#8744)

[farhd]

responsive styles for .apps-configured and .apps-card adjusted, so that elements fit smaller device screens.

[coveralls]

Coverage remained the same at 73.041% when pulling 4c315f2 on farhd:apps-mobile-styles into fb316a9 on TryGhost:master.

[aileen]

Hey @farhd! Thanks for the PR! Usually, we use media queries in Ghost to take care of anything that is not desktop width. The way you implemented it, is the other way around. If you could change it, so it fits better in the Ghost coding style, that would be great!

[coveralls]

Coverage increased (+0.3%) to 73.295% when pulling 28fad72 on farhd:apps-mobile-styles into fb316a9 on TryGhost:master.

[coveralls]

Coverage increased (+0.3%) to 73.295% when pulling fd47db9 on farhd:apps-mobile-styles into fb316a9 on TryGhost:master.

[farhd]

Hi @AileenCGN. thank you for your feedback. I adjusted as you asked.
Question: Do you plan to refactor CSS media-queries to use some custom-properties, because at the moment a developer has to find out what MQ is implicitly 'defined'. i.e. I had to look for other MQs and try to get a feeling for the right one. it would be nicer though to have 3-5 defined values for different screen-width ranges.

[coveralls]

Changes Unknown when pulling ac73d0c on farhd:apps-mobile-styles into ** on TryGhost:master**.