krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-18 15:17:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix landing page contribute and social media buttons misalignment in IE (#10408)

Browse Source
This commit is contained in:
James Robinson
2018-06-01 09:01:35 +01:00
committed by Matteo Pagliazzi
parent 1e786412ba
commit 96f7a192d7
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
website/client/components/appFooter.vue
View File

@@ -161,19 +161,14 @@
height: 40px; height: 40px;
border-radius: 50%; border-radius: 50%;
background-color: #c3c0c7; background-color: #c3c0c7;
display: inline-block; display: flex;
margin-left: 1em; margin-left: 1em;
float: right; float: right;
.social-icon { .social-icon {
color: #e1e0e3; color: #e1e0e3;
width: 16px; width: 16px;
margin: 0 auto; margin: auto;
margin-top: 1em;
}
.facebook {
margin-top: .7em;
} }
.instagram { .instagram {
@@ -201,7 +196,12 @@
box-shadow: none; box-shadow: none;
border-radius: 4px; border-radius: 4px;
a {
display: flex;
}
.heart { .heart {
max-height: 25px;
width: 18px; width: 18px;
margin-right: .5em; margin-right: .5em;
margin-bottom: .2em; margin-bottom: .2em;
@@ -215,6 +215,10 @@
</style> </style>
<style lang="scss"> <style lang="scss">
.heart svg {
margin-top: .1em;
}
.facebook svg { .facebook svg {
width: 10px; width: 10px;
margin: 0 auto; margin: 0 auto;