diff --git a/source/components/conversation/Explicable.css b/source/components/conversation/Explicable.css index 95ead2a8b..2ffde92a4 100644 --- a/source/components/conversation/Explicable.css +++ b/source/components/conversation/Explicable.css @@ -1,5 +1,6 @@ .explicable { display: flex; + justify-content: flex-end; align-items: center; } diff --git a/source/components/conversation/Explicable.js b/source/components/conversation/Explicable.js index a82370f31..61559fd28 100644 --- a/source/components/conversation/Explicable.js +++ b/source/components/conversation/Explicable.js @@ -19,7 +19,13 @@ import ReactPiwik from '../Tracker' ) export default class Explicable extends React.Component { render() { - let { flatRules, dottedName, explain, explained, textColourOnWhite } = this.props + let { + flatRules, + dottedName, + explain, + explained, + textColourOnWhite + } = this.props // Rien à expliquer ici, ce n'est pas une règle if (dottedName == null) return this.props.children @@ -34,8 +40,7 @@ export default class Explicable extends React.Component { + })}> {this.props.children} + }> diff --git a/source/components/conversation/Question.css b/source/components/conversation/Question.css new file mode 100644 index 000000000..e4fc34dcb --- /dev/null +++ b/source/components/conversation/Question.css @@ -0,0 +1,5 @@ +.binaryQuestionList { + display: flex; + align-items: center; + justify-content: flex-end; +} diff --git a/source/components/conversation/Question.js b/source/components/conversation/Question.js index f0d5c4175..cd8acaf5a 100644 --- a/source/components/conversation/Question.js +++ b/source/components/conversation/Question.js @@ -6,6 +6,7 @@ import HoverDecorator from '../HoverDecorator' import Explicable from './Explicable' import { is } from 'ramda' import SendButton from './SendButton' +import './Question.css' /* Ceci est une saisie de type "radio" : l'utilisateur choisit une réponse dans une liste, ou une liste de listes. Les données @choices sont un arbre de type: - nom: motif CDD # La racine, unique, qui formera la Question. Ses enfants sont les choix possibles @@ -28,7 +29,12 @@ import SendButton from './SendButton' @translate() export default class Question extends Component { render() { - let { choices, submit, themeColours, meta: { pristine } } = this.props + let { + choices, + submit, + themeColours, + meta: { pristine } + } = this.props let choiceElements = is(Array)(choices) ? this.renderBinaryQuestion() : this.renderChildren(choices) @@ -56,7 +62,7 @@ export default class Question extends Component { } = this.props return ( -