Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

Other css part

Browse Source
This commit is contained in:
Le Libre Au Quotidien 2019-12-02 19:19:31 +01:00
parent 3e372d6f53
commit 07f5d60b95
2 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/pages/voting/voting.component.html
View File

@ -13,9 +13,11 @@
<framadate-vote-choice></framadate-vote-choice> <framadate-vote-choice></framadate-vote-choice>
<framadate-vote-choice></framadate-vote-choice> <framadate-vote-choice></framadate-vote-choice>
<framadate-vote-choice></framadate-vote-choice> <framadate-vote-choice></framadate-vote-choice>
<p>Pour l'instant, le choix ayant reçu le plus grand nombre de votes est : <p class="prefered">Pour l'instant, le choix ayant reçu le plus grand nombre de votes est :
- Vendredi 6 juillet <li>- Vendredi 6 juillet
</li><li>
- Samedi 7 août - Samedi 7 août
</li>
</p> </p>
<a class="next">Voir le graphique</a> <a class="next">Voir le graphique</a>
<input type="submit" name="modify" class="btn btn--primary btn--outline"value="Je veux modifier le vote de quelqu'un"> <input type="submit" name="modify" class="btn btn--primary btn--outline"value="Je veux modifier le vote de quelqu'un">

20
src/app/pages/voting/voting.component.scss
View File

@ -3,15 +3,21 @@ form{
display:flex; display:flex;
margin:auto; margin:auto;
flex-direction: column; flex-direction: column;
align-items: flex-start;
} }
.row{ .row{
flex-direction: row; flex-direction: row;
} }
label{ label{
font-weight: 600; font-weight: 600;
font-size: 18px;
} }
.comment{ .comment,.prefered{
border-left:6px solid $ugly-purple ; border-left:6px solid $ugly-purple ;
padding-left: 5px;
margin-top:25px;
margin-bottom: 25px;
flex-wrap: wrap;
} }
.cname{ .cname{
padding-left:17px; padding-left:17px;
@ -21,8 +27,18 @@ label{
max-width: 300px; max-width: 300px;
} }
.next{ .next{
max-width:150px; max-width:200px;
} }
input[type=text],textarea{ input[type=text],textarea{
max-width:350px; max-width:350px;
} }
li{
list-style-type: none;
}
h2{
}
.next{
align-self: flex-end;
margin-bottom:50px;
}