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 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>
); );
}); });
} }