tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

Align elements

Browse Source
This commit is contained in:
Le Libre Au Quotidien 2019-10-10 19:04:19 +02:00
parent c671a8bdea
commit 69802a99ff
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/vote-choice/vote-choice.component.html
View File

@ -19,17 +19,13 @@
<h3>{{choice.date | date:'EEEE'}} <span>{{choice.date | date:'dd'}}</span> {{choice.date | date:'LLLL'}} </h3> <h3>{{choice.date | date:'EEEE'}} <span>{{choice.date | date:'dd'}}</span> {{choice.date | date:'LLLL'}} </h3>
<h3>08:00</h3> <h3>08:00</h3>
</div> </div>
<div id="nombre_vote"> <div class="nombre_vote">
<span class="count-yes"> <span class="count-yes">
<p>{{choice.votesCount.yes}}</p><img width="20px" height="21px" src="../../assets/img/votant-sur.svg"> <p>{{choice.votesCount.yes}}</p><img width="20px" height="21px" src="../../assets/img/votant-sur.svg">
</span> </span>
<span class="count-maybe"> <span class="count-maybe">
<p>{{choice.votesCount.maybe}}</p><img width="22px" height="24px" src="../../assets/img/votant-pas-sur.svg"> <p>{{choice.votesCount.maybe}}</p><img width="22px" height="24px" src="../../assets/img/votant-pas-sur.svg">
</span> </span>
<span class="count-didnt-answer">
<p>{{choice.votesCount.notAnswered}}</p>
</span>
</div> </div>
<div class="vote"> <div class="vote">
<!-- show only the yes check if the config is set to simpleAnswer --> <!-- show only the yes check if the config is set to simpleAnswer -->

9
src/app/vote-choice/vote-choice.component.scss
View File

@ -5,6 +5,7 @@
overflow: auto; overflow: auto;
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: row;
} }
.vote img{ .vote img{
vertical-align: middle; vertical-align: middle;
@ -34,7 +35,12 @@ span {
} }
// TODO intricate selectors // TODO intricate selectors
.nombre_vote p { .nombre_vote p {
line-height: 20px; font-weight: normal;
font-size: 16px;
}
.vote{
justify-content: flex-end;
align-items: flex-end;
} }
.vote button{ .vote button{
border: 1px solid #aeafb1;; border: 1px solid #aeafb1;;
@ -58,5 +64,4 @@ align-items: center;
display: block; display: block;
width: 20px; width: 20px;
height: 20px; height: 20px;
background-color: #000
} }