diff --git a/source/components/Results.css b/source/components/Results.css index 42f353b46..c516bbe14 100644 --- a/source/components/Results.css +++ b/source/components/Results.css @@ -20,9 +20,6 @@ } #results button { - display: block; - margin: .5em auto 0; - transition: 1s opacity; } #results-actions { diff --git a/source/components/Results.js b/source/components/Results.js index 2a1da4270..d196a7910 100644 --- a/source/components/Results.js +++ b/source/components/Results.js @@ -63,7 +63,7 @@ export default class Results extends Component { ))} - + ) diff --git a/source/components/ResultsGrid.css b/source/components/ResultsGrid.css index 1fc0f26f3..e1b6045d1 100644 --- a/source/components/ResultsGrid.css +++ b/source/components/ResultsGrid.css @@ -1,3 +1,3 @@ .resultsGrid { - margin-top: 6em; + margin: 6em 0; } diff --git a/source/components/Simulateur.css b/source/components/Simulateur.css index 44517da47..ad068c7df 100644 --- a/source/components/Simulateur.css +++ b/source/components/Simulateur.css @@ -74,3 +74,17 @@ box-shadow: none; opacity: 1; } + +.scrollButton { + display: block; + margin: .8em auto; + transition: 1s opacity; + color: #4A89DC; + border: none; +} +.scrollButton.up { + margin-top: 0; +} +.scrollButton.down { + margin-bottom: 0; +} diff --git a/source/components/conversation/Conversation.js b/source/components/conversation/Conversation.js index c247a5a7b..6ed89531a 100644 --- a/source/components/conversation/Conversation.js +++ b/source/components/conversation/Conversation.js @@ -52,7 +52,7 @@ export default class Conversation extends Component { )} - +
{currentQuestion || }
diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css index f05c40363..b3269bcb0 100644 --- a/source/components/conversation/conversation.css +++ b/source/components/conversation/conversation.css @@ -2,20 +2,12 @@ #myScrollToElement { height: 55%; + padding: 1em; } -#myScrollToElement button { - display: block; - margin: 0 auto 1em; - transition: 1s opacity; -} - - -#myScrollToElement, #foldedSteps { - padding: 1em 1em; -} #foldedSteps { + padding: 1em; margin-bottom: 6em; }