Giters

jan-Ne / lipu-lili-pona

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[DE] Formatting issue

RetSamys opened this issue · comments

commented

The German version doesn't look great due to formatting issues on the first page. I think it's because the dictionary takes up more space than the page setup expects.

Here is how I was able to solve it in my browser, by changing the CSS, using dev tools:

  • For .dictionary overwrite display to block instead of grid and re-introduce the columns by adding column-count: 4;
  • Add float: left; to .dictionary h5

Possibly not the most elegant solution, but with grid, it behaves much like a table and parts having more than one line where the expectation is one line impacts elements of the same row and makes everything way more spacious.

commented

(This also affects SK and FR and can be fixed in the same way)

commented

Wait, that was short-sighted. That messes with the alphabetical order! Ughhh, and a real masonry layout would use JS...