Teammates: Make 'question description' text box taller and add a placeholder text

[damithc]

It's better if the 'description' text box is resizeable just like the text box above it.

[damithc]

@belyabl9 can have a go at this one?
While you are at it, we can make the height of the first text box about 2 lines and the height of the description text box about 4 lines (a visual hint that the question should be short and the description can be longer).
We can also add placeholder text to both text boxes.
Question: A concise version of the question e.g. "How well did the team member communicate?"
Description: More details about the question e.g. What criteria to consider when answering the question

[belyabl9]

@damithc , ok, I'll do these changes

[damithc]

Just realized the text box auto-resizes based on content size, so there is no need to make it specifically resizeable. But you can still do the other enhancements suggested.

[belyabl9]

@damithc , may these proposed placeholder text variants be used without changes ? Let's choose them before the PR in order not to regenerate static tests some times.
Q: "A concise version of the question e.g. "How well did the team member communicate?"
D: "More details about the question e.g. "What criteria to consider when answering the question""

The issue is delayed, because TinyMCE does not have a built-in support for placeholders in inline mode, so I'm working on a unified solution that may be used throughout the web-interface

[damithc]

@YongJieYongJie any input on the phrasing of placeholder text?

[YongJieYongJie]

The placeholder text reads fine, except that the example for the description is not really an example. Perhaps we can use something like
More details about the question e.g. "In answering the question, do consider communications made informally within the team, and formal communications with the instructors and tutors."

[belyabl9]

@damithc , @YongJieYongJie , please, have a look on a result:

[damithc]

Looks fine @belyabl9

[YongJieYongJie]

@belyabl9 Is there a relatively easy way to standardize the padding within the text boxes? Currently, the top padding of the description box is visibly larger.

[belyabl9]

@YongJieYongJie , I'll make padding-top:5px within the PR for this issue

[YongJieYongJie]

@belyabl9 If you're fixing the padding-top, let's fix the padding-left right bottom etc. too

[belyabl9]

@YongJieYongJie , 5px is ok, yes padding: 5px 10px; is ok, yes ?

[YongJieYongJie]

@belyabl9 5px 10px looks fine. Perhaps you can post a screenshot so everyone who's interested can see.

[belyabl9]

@YongJieYongJie , here it is: