Kiwix-serve welcome page not optimised

[kelson42]

See:

The problem here is that we should be able to see 3 tiles in a row, not inly 2.

I believe the problem comes from the default margin left, which applies as well to the filters: this is too high. Or at least, it shoukd be able to be smaller.

[ankur12-1610]

@kelson42 I would like to work on this issue!

[ankur12-1610]

See:

The problem here is that we should be able to see 3 tiles in a row, not inly 2.

I believe the problem comes from the default margin left, which applies as well to the filters: this is too high. Or at least, it shoukd be able to be smaller.

@kelson42 I could you specify at which particular media query did this happen? Cause it has the same layout as you want in my local host.

[kelson42]

@ankur12-1610 Imade this screenshot with an ipad, give a try to the responsive mode of your browser.

[ankur12-1610]

@ankur12-1610 Imade this screenshot with an ipad, give a try to the responsive mode of your browser.

Ah! got it, @kelson42 I understood the issue and I know how to solve it, but the problem now is where are the CSS files, how kiwix-tools uses CSS, does it uses skin from another kiwix project or 😅

[kelson42]

All in libkiwix

[ankur12-1610]

All in libkiwix

I've raised a PR, kindly review.
Thanks!

[juuz0]

Can I take this?
Related to kiwix/libkiwix#585

[kelson42]

@juuz0 yes, Îm not happy with current PR approach

[eroyee]

Sorry to jump on this late, but I've just had time to try 3.3.0, previously I was using a nightly build from June '21.

I believe this is related, but if you'd prefer me to raise a separate issue please say so; I feel the screen realestate that's taken up by the whitespace in the new 'square' tiles is also pertinent here. With the attached example above the whitespace between "From Wikiversity" to "EN" etc probably doubles the required vertical space for the tile.

In the earlier version there was little additional whitespace with the rectangular tiles, which I think made quite a difference with the number of tiles you could show - particularly with a small screen (although one could display three across, so I can't compare exactly).

If it were possible to either remove the whitespace, or pass an option for the earlier layout, maybe that could assist those wishing to display many zim files in a single window? I realise there's a category filter option that can reduce the number of tiles displayed, but this does involve the user more, and in some cases could be unnecessary.

Otherwise thanks for the new stackoverflow.com_en_all_2022-05.zip which addresses #463 👍

N.B. For two of the tiles above 'Wikixxx' is mentioned three times. Perhaps if the bottom right mention was removed, the language identifier placed say top right, and the linespace between the icon and "From xxx" reduced (and the resultant whitespace removed) this could improve efficiency with regard to screen utilisation?