Re: Prettify elpa.gnu.org

[Eric Abrahamsen]

Philip Kaludercic <philipk@posteo.net> writes:

> Stefan Monnier <monnier@iro.umontreal.ca> writes:
>
>> Hi,
>>
>> I'd like to change the style sheet so that our ELPA weg pages don't
>> spend as much screen real estate showing:
>>
>>     To install this package, run in Emacs:
>>     
>>     M-x package-install RET haskell-tng-mode RET
>>
>> I don't want to remove this info, just make it use less space.
>> I expect it should be a very simple change to make in the CSS, but
>> I also suspect that it would be much easier for someone more familiar
>> with CSS than I am.
>
> I feel that in general the "margin-bottom" value for paragraphs could be
> reduced to 1em (from the current 2em, in layout.css:129), without
> squeezing the page together too much.
>
> Another idea might also to be to use details elements[0] to hide the
> information by default (most users will know how a package is installed,
> I suspect the note is added for people installing their first packages),
> but to present it in more detail if explicitly requested.
>
> [0] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

<details> is nice!

The other that occurred to me was simply to pull the instructions up
inline, so instead of:

<p>To install this package, run in Emacs:</p>
<pre>M-x package-install RET ebdb RET</pre>

We use:

<p>To install this package, run in Emacs: <code>M-x package-install RET ebdb 
RET</code></p>

Saves a fair amount of vertical real estate.