fix(homeIconOnFiles): adjust home icon down to avoid icon clash

[KemoPaw]

What this PR does 📖

https://satellite-im.atlassian.net/browse/AP-156

Which issue(s) this PR fixes 🔨

Fixes #

Special notes for reviewers 🗒️

Additional comments 🎤

[stavares843]

fixed ✅

[WanderingHogan]

This looks alright when it is collapsed, but when it is not the padding pushes everything down too far

Can you do something like watch for the left bar being collapsed, and only applying that padding if that is true?

[KemoPaw]

@WanderingHogan That sounds like a good suggestion, will look into implementing it!

[josephmcg]

Functionality looks good! Small refactor request..

It seems like this was formatted using eslint rather than prettier, is that because of husky? You can configure prettier to format files on save so you don't have to think about it.

In this case, I think the template literals (${}) are redundant.
https://vuejs.org/v2/api/#v-bind

Could be rewritten like this

[stavares843]

yes husky is using eslint instead of prettier, but we look into setup that to use both

we added the vue plugin for eslint as well, do you feel those template literals (${}) that you mentioned are something that should have been captured by the linter? @josephmcg

[stavares843]

@josephmcg added that here
#479

[KemoPaw]

@josephmcg Thank you so much for explaining how to clean up the classes in files.vue + have my code format to Prettier on save!

[josephmcg]

@stavares843
Not necessarily, there is definitely a use case for template literals inside a v-bind. I just felt it was redundant this time.

It could be used to dynamically set attributes

Thanks for checking!

[stavares843]

thanks for clarifying! 🎉

[WanderingHogan]

Good job Kat