put help icon next to heading

This commit is contained in:
Maren Süwer
2018-10-02 13:04:34 +02:00
parent d2fd8bbd39
commit bbc891178b
4 changed files with 20 additions and 15 deletions

View File

@@ -82,10 +82,14 @@ class InputField extends React.Component<Props> {
""
);
return (
<div className="field">
{this.renderLabel()}
<div className="field is-grouped">
<div className="control is-expanded">
<div className="field">
<div className="field is-grouped">
<div className="control">
{this.renderLabel()}
</div>
{this.renderHelp()}
</div>
<div className="control">
<input
ref={input => {
this.field = input;
@@ -99,9 +103,7 @@ class InputField extends React.Component<Props> {
disabled={disabled}
/>
</div>
{this.renderHelp()}
</div>
{helper}
{helper}
</div>
);
}