fix styles
This commit is contained in:
@@ -8,7 +8,7 @@ import OptionsWidget from "./OptionsWidget";
|
|||||||
import TypeWidget from "./TypeWidget";
|
import TypeWidget from "./TypeWidget";
|
||||||
import QuestionElement from "./Question";
|
import QuestionElement from "./Question";
|
||||||
|
|
||||||
const WidgetRow = styled(Draggable)`
|
const WidgetRow = styled.div`
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column nowrap;
|
flex-flow: column nowrap;
|
||||||
@@ -60,23 +60,23 @@ class QuestionList extends React.Component<QuestionListProps> {
|
|||||||
const optionsWidget = <OptionsWidget inputProps={dataProps} onChange={onChange} />;
|
const optionsWidget = <OptionsWidget inputProps={dataProps} onChange={onChange} />;
|
||||||
const typeSelectWidget = <TypeWidget inputProps={dataProps} onChange={onChange} />;
|
const typeSelectWidget = <TypeWidget inputProps={dataProps} onChange={onChange} />;
|
||||||
return (
|
return (
|
||||||
<WidgetRow
|
<Draggable
|
||||||
key={q.id}
|
key={q.id}
|
||||||
id={q.id}
|
id={q.id}
|
||||||
index={index}
|
index={index}
|
||||||
handleDrag={this.handleDrag(questions)}
|
handleDrag={this.handleDrag(questions)}
|
||||||
>
|
>
|
||||||
<QuestionElement
|
<WidgetRow>
|
||||||
onClick={this.handleElementRemove(questions, index)}
|
<QuestionElement
|
||||||
|
onClick={this.handleElementRemove(questions, index)}
|
||||||
>
|
>
|
||||||
<input type="text" value={q.title_fi} onChange={this.handleNameInputChange(questions, index, "fi")} />
|
<input type="text" value={q.title_fi} onChange={this.handleNameInputChange(questions, index, "fi")} />
|
||||||
<input type="text" value={q.title_en} onChange={this.handleNameInputChange(questions, index, "en")} />
|
<input type="text" value={q.title_en} onChange={this.handleNameInputChange(questions, index, "en")} />
|
||||||
{typeSelectWidget}
|
{typeSelectWidget}
|
||||||
{optionsWidget}
|
{optionsWidget}
|
||||||
</QuestionElement>
|
</QuestionElement>
|
||||||
</WidgetRow>
|
</WidgetRow>
|
||||||
|
</Draggable>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user