fix styles

This commit is contained in:
Aarni Halinen
2022-07-24 21:23:56 +03:00
parent e3b64ab144
commit 8ea71e41a0
@@ -8,7 +8,7 @@ import OptionsWidget from "./OptionsWidget";
import TypeWidget from "./TypeWidget";
import QuestionElement from "./Question";
const WidgetRow = styled(Draggable)`
const WidgetRow = styled.div`
margin-bottom: 1rem;
display: flex;
flex-flow: column nowrap;
@@ -60,23 +60,23 @@ class QuestionList extends React.Component<QuestionListProps> {
const optionsWidget = <OptionsWidget inputProps={dataProps} onChange={onChange} />;
const typeSelectWidget = <TypeWidget inputProps={dataProps} onChange={onChange} />;
return (
<WidgetRow
<Draggable
key={q.id}
id={q.id}
index={index}
handleDrag={this.handleDrag(questions)}
>
<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_en} onChange={this.handleNameInputChange(questions, index, "en")} />
{typeSelectWidget}
{optionsWidget}
</QuestionElement>
</WidgetRow>
<WidgetRow>
<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_en} onChange={this.handleNameInputChange(questions, index, "en")} />
{typeSelectWidget}
{optionsWidget}
</QuestionElement>
</WidgetRow>
</Draggable>
);
});
}