Mobile layout improvements

[zbynek]

Related to issue #273, #483

Summary of this pull request:

• swap metadata and description on mobile
• remove the archives link (duplicates "releases" tab)
• make list view for search more responsive
• remove table view for search (nearly identical to list view)
• fix ranges in pagination (should be "1 to 50", "51 to 100", not "0 to 50", "50 to 100")

[timja]

screenshots?

[zbynek]

Search page

before:

after:

Plugin page (only after)

[timja]

Failing for 'string.prototype.trimend not accessible from es-abstract'

[zbynek]

@timja thanks for reviewing. I realized it would make sense to keep the heading on top, so I'll extend this PR a bit. It might be good to get jenkins-infra/jenkins.io#4382 merged first.

[zbynek]

... the heading is now moved to top level, so it should show OK for both mobile and desktop (screenshots updated). The gutter class is removed here completely to make this independent on jenkins-infra/jenkins.io#4382 (changing gutter padding was needed to align stuff better on mobile).

[zbynek]

@halkeye ok to merge?

[halkeye]

I'm def behind on reviewing sorry, I saw the pagination change and got scared and figured i'd follow up, then got distracted.

Did you test it with an algoila key? I've just been setting up free projects cause the whole setup is defined via code it'll auto populate for you.

Layout wise, your way better at it than me, so i totally trust you on that.

[zbynek]

@halkeye the pagination is just a display thing, the API calls and plugin tiles are the same, just the heading changed from "0 to 2" to "1 to 2" here

[halkeye]

oh its happening on prod too, so yea good to go
it took a bunch of data massaging to get the two to work the same way so i am concerned. We should probably delete the non algoila code eventually.