single page report is too wide

[eitzenbe]

When failure information is too large, the table expands making the header section appear to be hidden right side out of screen.

To work around the following two css should be added (maybe configurable?)

.compact-wrapper {
    max-width: 1200px;
}
.for-failure {
    max-width: 1150px;
    line-break: anywhere;
}

if the scnarioName column could be resized to max 30 or 40% the display would be nice even for very large failure details.
Currently this column is width fixed by hardcoded style value so no way to mingle around here :(

[eitzenbe]

In order to fix this within a mvn build:

<plugin>
        <groupId>com.google.code.maven-replacer-plugin</groupId>
        <artifactId>replacer</artifactId>
        <version>1.5.3</version>
        <executions>
          <execution>
            <phase>post-integration-test</phase>
            <goals>
              <goal>replace</goal>
            </goals>
          </execution>
        </executions>
        <configuration>
          <file>target/site/serenity/serenity-summary.html</file>
          <replacements>
            <replacement>
              <token>&lt;/head&gt;
              </token>
              <value>&lt;style&gt;.compact-wrapper {
                max-width: 1200px;
                }

                .for-failure {
                max-width: 1150px;
                line-break: anywhere;
                }&lt;/style&gt;&lt;/head&gt;
              </value>
            </replacement>
          </replacements>
        </configuration>
      </plugin>

[wakaleo]

Is there any reason why this change shouldn't be permanent?

[eitzenbe]

well people with HDPI Monitors might want to have different value ;) or some might even preferr 1024