Desktop mode, when all 3 columns are presented all their footers are misaligned

[NVLudwig]

Current behavior

Expected behavior

All Footers should have the same margins and align vertically to look like they are part of the same design

How to reproduce it (as minimally and precisely as possible)

Desktop: Open Home page, select a list with tasks, open task details observe and compare with Desktop design

Environment

MacOS
Chrome Version 100.0.4896.75 (Official Build) (x86_64)
Private window

Nuget Package:

Package Version(s):

Affected platform(s):

• iOS
• Android
• WebAssembly
• WebAssembly renders for Xamarin.Forms
• Windows
• Build tasks

Visual Studio:

• 2017 (version: )
• 2019 (version: )
• for Mac (version: )

Relevant plugins:

• Resharper (version: )

Anything else we need to know?

I believe this may be the result of generating the code from the Mobile designs, perhaps we need guidelines for multi-sized application design.

[agneszitte]

@NVLudwig we will need to double-check that when we are done with other priority issues.
But something you can check until then is maybe verifying the difference at the bottom for the phone mode (as we generated the code with the phone version in figma for most of the pages). Then if there is a difference see if it's making sense and we will adjust it accordingly. If it's not making sense you can adjust the phone/desktop version.
Let us know the outcome.