phyks/cygnal
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix a bug with upvote / downvote icons sometimes overflowing. Close #28

Browse Source
This commit is contained in:
Lucas Verney 2018-08-26 20:34:04 +02:00
parent 59f7f153ea
commit 11aa82b310
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ReportCard.vue
View File

@ -6,7 +6,7 @@
<v-flex xs3 md2> <v-flex xs3 md2>
<img :src="report.icon" :alt="report.label" class="icon"> <img :src="report.icon" :alt="report.label" class="icon">
</v-flex> </v-flex>
<v-flex xs5 md6> <v-flex xs4 md6>
<v-layout row wrap> <v-layout row wrap>
<v-flex xs12 class="firstLine subheading font-weight-medium"> <v-flex xs12 class="firstLine subheading font-weight-medium">
{{ report.label }} {{ report.label }}
@ -22,7 +22,7 @@
</v-btn> </v-btn>
</v-flex> </v-flex>
<v-flex xs2 class="text-xs-center"> <v-flex xs3 class="text-xs-center">
<v-btn role="button" :aria-label="$t('buttons.downvote')" color="red" dark medium icon class="mediumButton" @click.stop="downvote"> <v-btn role="button" :aria-label="$t('buttons.downvote')" color="red" dark medium icon class="mediumButton" @click.stop="downvote">
<v-icon>thumb_down</v-icon> <v-icon>thumb_down</v-icon>
</v-btn> </v-btn>
@ -145,11 +145,13 @@ export default {
.mediumButton { .mediumButton {
height: 56px; height: 56px;
width: 56px; width: 56px;
margin: 0;
} }
.smallButton { .smallButton {
height: 40px; height: 40px;
width: 40px; width: 40px;
margin: 0;
} }
.secondLine { .secondLine {