🎨 Ajustements d'espace
parent
0a45966134
commit
7fc55ec4a3
|
@ -1,5 +1,5 @@
|
|||
.progressTip {
|
||||
max-width: 35em;
|
||||
max-width: 40em;
|
||||
margin: .2em auto;
|
||||
|
||||
|
||||
|
|
|
@ -1,3 +1,8 @@
|
|||
#simu {
|
||||
max-width: 40em;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
#focusZone {
|
||||
min-height: 100%
|
||||
}
|
||||
|
|
|
@ -13,7 +13,7 @@ export default class extends Component {
|
|||
let { colours } = this.props
|
||||
|
||||
return (
|
||||
<>
|
||||
<div id="simu">
|
||||
<FoldedSteps />
|
||||
<div id="focusZone">
|
||||
<GoToAnswers />
|
||||
|
@ -22,7 +22,7 @@ export default class extends Component {
|
|||
<Conversation textColourOnWhite={colours.textColourOnWhite} />
|
||||
<Explanation />
|
||||
</div>
|
||||
</>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,6 +1,4 @@
|
|||
#targetsContainer {
|
||||
max-width: 40em;
|
||||
margin: 0 auto;
|
||||
|
||||
padding: 0.2em .5em;
|
||||
|
||||
|
@ -8,9 +6,6 @@
|
|||
box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.25)
|
||||
}
|
||||
|
||||
#targetsContainer > div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#targetSelection h1 {
|
||||
margin: 0.6em;
|
||||
|
@ -57,7 +52,7 @@
|
|||
}
|
||||
#targetSelection .progressCircle i {
|
||||
color: #5de662;
|
||||
font-size: 180%
|
||||
font-size: 220%
|
||||
}
|
||||
|
||||
#targetSelection label {
|
||||
|
|
|
@ -3,6 +3,9 @@
|
|||
text-align: center
|
||||
}
|
||||
|
||||
.scrollIndication.down {
|
||||
margin-bottom: 1em;}
|
||||
|
||||
#foldedSteps {
|
||||
padding: 1em 0 ;
|
||||
margin-bottom: 1em;
|
||||
|
@ -10,7 +13,7 @@
|
|||
|
||||
#foldedSteps .header button {
|
||||
display: block;
|
||||
margin: 0 auto .6em;
|
||||
margin: 0 auto 1em;
|
||||
}
|
||||
#foldedSteps button i {
|
||||
margin-right: 0.3em;
|
||||
|
|
Loading…
Reference in New Issue