Fix Badge Overlapping And Icon

[championpaddler]

Fixes #1950

Checklist

• I have read the Contribution & Best practices Guide and my PR follows them.
• My branch is up-to-date with the Upstream development branch.
• I have added necessary documentation (if appropriate)

Now

[rajvaibhavdubey]

@sk9331657 Changing the footer as a whole is not needed. We need to display other projects of fossasia in the footer also. A better solution to the problem would be to lock the scroll of preview section just at the top of footer rather than changing the footer completely.
@ParthS007 @gabru-md @mariobehling @yashLadha Reviews please

[championpaddler]

@mariobehling Please review this pr . This will fix footer and increase preview area.

[mariobehling]

Please don't overlap the footer over the badge.

[championpaddler]

Please don't overlap the footer over the badge.

@mariobehling I have resolved overlapping in this pr.

[mariobehling]

The idea would be that as soon as the footer is close to the badge, that the badge just moves up as well.

[championpaddler]

The idea would be that as soon as the footer is close to the badge, that the badge just moves up as well.

Ok I will do that way.

[championpaddler]

@mariobehling For time being this pr can fix overlapping . I will fix the remaining bug in other pr.

[abishekvashok]

The thing is that, if we merge this, a new bug arises that should be solved in another making this PR obsolete. Instead try to solve the issue here itself. :)

[mariobehling]

@sk9331657 Would be great, if you could finalize this PR @abishekvashok pointed out. Thank you.

[championpaddler]

@sk9331657 Would be great, if you could finalize this PR @abishekvashok pointed out. Thank you.

Will surely fix this. Busy in making Google Summer of Code proposal right now. Application period is coming near.

[championpaddler]

@abishekvashok @mariobehling @gabru-md @yashLadha @ParthS007 Finalised the pr. 😄

[rajvaibhavdubey]

@sk9331657 The bug was to remove the overlapping, which can also be solved without changing the design of footer. Changing the design if footer is not required.

[championpaddler]

@sk9331657 The bug was to remove the overlapping, which can also be solved without changing the design of footer. Changing the design if footer is not required.

@rajvaibhavdubey Increasing the height of footer limits the size of badge and restrict size of badge details which is not desired.

[championpaddler]

@abishekvashok @gabru-md Please review.

[abishekvashok]

Don't hard code values, try to use sticky footer

[rajvaibhavdubey]

Closing due to inactivity.