1.Reduce space between question title & options & Make spacing a configurable attribute

[khyativyasargus]

IMPORTANT: All PRs must be linked to an issue (except for extremely trivial and straightforward changes).

Fixes #1967

Description

1. Reduce space between question title & options so that the default spacing to be 4dp (so it is consistent with a 4dp grid)
2. Make spacing a configurable attribute

Alternative(s) considered
Have you considered any alternatives? And if so, why have you chosen the approach in this PR?

Type
Choose one: Feature

Screenshots (if applicable)

Checklist

• I have read and acknowledged the Code of conduct.
• I have read the Contributing page.
• I have signed the Google Individual CLA, or I am covered by my company's Corporate CLA.
• I have discussed my proposed solution with code owners in the linked issue(s) and we have agreed upon the general approach.
• I have run ./gradlew spotlessApply and ./gradlew spotlessCheck to check my code follows the style guide of this project.
• I have run ./gradlew check and ./gradlew connectedCheck to test my changes locally.
• I have built and run the demo app(s) to verify my change fixes the issue and/or does not break the demo app(s).

[khyativyasargus]

@shelaghm @santosh-pingle

Before SS (16dp padding between each question title and options)

After default padding to 4dp SS

[shelaghm]

Thank you, @khyativyasargus Such a good improvement. To my eyes, the 4dp still looks like it is more than 4dp. The 'Gender' padding seems smaller than the other ones? Is there padding on other elements which is making it appear to be more than 4dp? Thanks for working on this issue.

[khyativyasargus]

Hi @shelaghm Thanks for inputs!

> To my eyes, the 4dp still looks like it is more than 4dp. The 'Gender' padding seems smaller than the other ones? Is there padding on other elements which is making it appear to be more than 4dp?

I think the screenshots I attached here is in bigger size visually that's why you might be feeling like it's more than 4dp. Let me share proper ss again and let me know on that.
and for Gender widget I'll check today what's causing it to be different than others.

[santosh-pingle]

@khyativyasargus
Can you please also add screenshots for changes when instructions text are also present.

If you see default layout in the catalog app, it has instructions just below the question text.

[santosh-pingle]

@khyativyasargus any update on this PR

[khyativyasargus]

@khyativyasargus Can you please also add screenshots for changes when instructions text are also present.

If you see default layout in the catalog app, it has instructions just below the question text.

[khyativyasargus]

@santosh-pingle As Shelaghm observed, Questions with EditTextView as answer view having more space than others due to EditText default style outer space, you can notice in screenshots I shared.