IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve CSS

Browse Source 
- filter by users followed button was slightly higher than emotions
buttons
This commit is contained in:
mattwr18 2019-09-10 09:31:59 +02:00
parent ba3e0ca941
commit 72ae2a4e44
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
webapp/components/FilterPosts/GeneralFilterMenuItems.vue
View File

@ -11,6 +11,7 @@
>
<ds-flex>
<ds-flex-item width="10%" />
<ds-space margin-bottom="xx-small" />
<ds-flex-item width="100%">
<div class="follow-button">
<ds-button
@ -24,6 +25,7 @@
:primary="filteredByUsersFollowed"
@click="toggleFilteredByFollowed(user.id)"
/>
<ds-space margin-bottom="x-small" />
<ds-flex-item>
<label class="follow-label">{{ $t('filter-posts.followers.label') }}</label>
</ds-flex-item>
@ -42,9 +44,10 @@
>
<img :src="iconPath(emotion)" width="40" />
</ds-button>
<div class="emotions-mobile-space text-center">
<p class="emotions-label">{{ $t(`contribution.emotions-label.${emotion}`) }}</p>
</div>
<ds-space margin-bottom="x-small" />
<ds-flex-item class="emotions-mobile-space text-center">
<label class="emotions-label">{{ $t(`contribution.emotions-label.${emotion}`) }}</label>
</ds-flex-item>
</ds-flex-item>
</div>
<ds-space margin-bottom="large" />