Mise en valeur des résultats eux-mêmes, pas du titre

pull/138/head
mama 2017-12-06 17:34:49 +01:00
parent 4b5c6e3b13
commit 03394be3f2
4 changed files with 17 additions and 60 deletions

View File

@ -13,63 +13,43 @@
#results {
width: 100%;
padding: .5em;
padding: .4em 1.4em;
}
#resultsContent {
position: relative;
margin: 0 auto;
padding: .2em 0;
padding: .3em 0 1em;
min-height: 4em;
width: 100%;
max-width: 45em;
background: #2975D1;
color: white;
box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.25);
}
#results button {
}
#results-actions {
background: #333350;
}
#toSimulation {
font-size: 150%;
color: white;
margin-left: .6em;
line-height: 1.8em;
text-decoration: none;
border-radius: .2em;
position: relative;
}
#toSimulation i {
margin-right: .6em;
}
/* results h2 defined in conversation.css */
#results h2 span {
font-size: 70%;
margin: 0 .6em
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#results .edit {
position: absolute;
top: 1em;
right: 1em;
vertical-align: middle;
border: none;
font-size: 80%;
font-size: 85%;
color: white;
width: 100%;
text-align: center;
}
#results ul {
font-size: 125%;
width: 100%;
list-style: none;
padding-left: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
height: 70%;
margin: .6em auto 1.2em;
margin: 0 auto;
}
@ -78,10 +58,3 @@
display: inline-block;
width: 100%;
}
@media (max-width: 1280px) {
}

View File

@ -41,12 +41,6 @@ export default class Results extends Component {
<section id="results">
<ProgressTip />
<div id="resultsContent">
<div id="results-titles">
<h2>
<i className="fa fa-calculator" aria-hidden="true" />
{targets.length == 1 ? "Votre résultat" : "Vos résultats"}
</h2>
</div>
<Link className="edit" to="/">
<i className="fa fa-pencil-square-o" aria-hidden="true" />
{" "}

View File

@ -77,10 +77,12 @@
.scrollButton {
display: block;
margin: .8em auto;
margin: 1.4em auto;
transition: 1s opacity;
color: #4A89DC;
border: none;
font-size: 100%;
font-weight: 600;
}
.scrollButton.up {
margin-top: 0;

View File

@ -24,18 +24,6 @@
}
#sim h2 {
margin: .6em;
font-weight: 400;
text-align: left;
font-size: 95%;
display: inline-block;
}
#sim h2 i {
margin-right: .5em;
}