Milestone on mobile devices

[maxceem]

Milestones on mobile devices have several visual issues. See project for testing https://connect.topcoder-dev.com/projects/6706

1. The header looks like sticks to the edges and has too big space between lines

   

2. The blue line is not straight across all milestones:

   

3. Links are going to the second line when there is a title, should they?

   

4. Links are being cut by the screen.

5. At the last milestone, the long link also looks like forces its container width be extended beyond the screen. Expected looks would be like this: gray and blue background are not cut by the screen and has some space on the right side.

   

Aha! Link: https://topcoder.aha.io/features/TCCONNECT-413

[maxceem]

@vikasrohit @RishiRajSahu could please have a look on this items 1, 3 and 4.
Items 2 and 5 looks like a clear bugs for me with only one correct solution, so you may skip them.

[RishiRajSahu]

it seems we don't have designs for
1.Long header text
3.Links with title
4.Long text of deliverable link

as per me

1.we put proper spacing between and around the header text, assuming if its longer than two lines show elipses
3.showing them on next line seems the correct way to me
4.it could be wrapped

still needs @vic-topcoder inputs on this before starting dev work.

[maxceem]

6. Adjust add design link and fake text with the circle for small screens as described in the next comment Milestones with progress get visually broken on small screens #2288 (comment)

[vikasrohit]

@maxceem do we have any thing pending this issue now?

[maxceem]

@vikasrohit I'll test it out.

[maxceem]

@vikasrohit almost all issues are fixed, only one statys, and I've added a few not critical:

1. Still stays, let me know if you'd like me to fix it as Rishi suggested or in another way.

2. Delivery milestone is shown with a big space:

   

   See project http://local.topcoder-dev.com:3000/projects/6706/plan, the first phase.

3. Complete review (7h delay) doesn't fit the button width

   

4. Two buttons in confirmation dialog doesn't fit the line

   

5. Items in extension requests don't fit the line

   

[vikasrohit]

Thanks @maxceem which one of these is from the issues mentioned in the original list?

And could you please start closing these pending items as well as per priority we have? Let me know if you have any question for these pending items.

[maxceem]

The 1st item is from the original list.

Ok, I'll close as per the list.

• Regarding 3 and 4 I'm thinking to put buttons in two lines and space between them
• Regarding 5 I think to make radio buttons in one column

Let me know if you'd like it to be done other way.