viresh-ratnakar / exolve

Online interactive crossword software in JavaScript
MIT License
71 stars 15 forks source link

Control the spacing between the setter's name and the puzzle itself #86

Closed SinghGauravKumar closed 1 year ago

SinghGauravKumar commented 1 year ago

Looks like there is a huge vertical space between the setter id and the puzzle. Is there a way to control this? Seems like too much of white space is getting wasted.

viresh-ratnakar commented 1 year ago

The space is there to accommodate about 3 lines from a clue (note that the current clue is shown on top) without creating a scrollbar within the clue, across desktop as well as mobile.

You can always control it by adding your own CSS rule to override the default value. For example, you can change that height from the current 56px to something smaller, by inserting something like this just before </head>:

<style>
.xlv-clear-area {
  height: 20px;
}
</style>