mirror of
https://github.com/sudoxnym/habitica-self-host.git
synced 2026-08-04 04:59:40 +00:00
fix landing page contribute and social media buttons misalignment in IE (#10408)
This commit is contained in:
parent
1e786412ba
commit
96f7a192d7
1 changed files with 11 additions and 7 deletions
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue