A long ToC on the build log page interferes with the first build step

[trac@…]

A really long table of contents (such as the one in the attached screenshot) interferes with the way the first build step is rendered. Note in particular the huge gap between the title of the first build step and the log for it.

I had a moment of panic the first time I saw this, thinking the svn checkout step hadn't done anything... Indeed, I had to zoom out firefox a couple times in order to get this screenshot to include the svn checkout log at the bottom.

Is there any way to either squash the log to fit around the ToC and under its title, or force the title under the ToC and above its log?

PS. You can see the length of our recipe, are we abusing Bitten?

[anonymous]

This is related to ticket #394

[osimons]

I suppose the best idea is to let the TOC push the heading down to the log message. Could you please try this and see if that looks OK:

bitten/htdocs/bitten.css

@@ -7 +7 @@
 }
 
 #content.build h2.config, #content.build h2.step { background: #f7f7f7;
-  border-bottom: 1px solid #d7d7d7; margin: 2em 0 0;
+  border-bottom: 1px solid #d7d7d7; margin: 2em 0 0; clear: both;
 }
 #content.build h2.config :link, #content.build h2.config :visited {
   color: #b00; display: block; border-bottom: none;

[trac@…]

Yes, that looks much better. Thank you.

[trac@…]

Replying to trac@…:

Yes, that looks much better. Thank you.

Indeed, clicking on the first item in the ToC now actually takes you to where the log is on the page. So it's also functionally better.

[osimons]

Thanks for testing. Committed in [668].