🎨 Suggestions dans la saisie num. plus évidentes

+ alignement de l'unité
pull/6/head
mama 2017-05-02 16:59:00 +02:00
parent 4886f0ca1c
commit 9ae2851d27
2 changed files with 8 additions and 8 deletions

View File

@ -51,7 +51,7 @@ export default class Input extends Component {
<span className="icon">&#10003;</span>
</button>
</span>
{suggestions && <span className="input-suggestions">suggestions:
{suggestions && <span className="inputSuggestions">suggestions:
<ul>
{R.toPairs(suggestions).map(([text, value]) =>
<li key={value}

View File

@ -275,7 +275,7 @@ fieldset > .ignore {
.step label.suffix {
font-size: 110%;
vertical-align: middle;
vertical-align: baseline;
transition: color .1s;
margin: 0 1.5em .1em 0.6em;
}
@ -286,29 +286,29 @@ fieldset > .ignore {
outline: none;
}
.step .input-suggestions {
.step .inputSuggestions {
font-style: italic;
float: right;
clear: right;
font-size: 70%;
color: #666;
color: #222;
}
.step .input-suggestions ul {
.step .inputSuggestions ul {
padding-left: 0;
margin-right: 8em;
list-style: none;
display: inline-flex;
align-items: flex-end;
}
.step .input-suggestions li {
.step .inputSuggestions li {
margin-left: .6em;
}
.step .input-suggestions a {
.step .inputSuggestions a {
color: #4A89DC;
padding: .1em .6em;
font-weight: 600;
}
.step .input-suggestions a:hover {
.step .inputSuggestions a:hover {
background: #4A89DC;
color: white;
text-decoration: none;