My long names overlap if I include them. Please let me know if you have a solution.

[Sai7574]

My long names overlap if I include them. Please let me know if you have a solution.

test = extent.createTest( "Verification of Area Usage with Return decision at check transaction and Restart, Restop and Approve at Check Transaction.") .assignAuthor(ConfigsReader.getPropValue("usernameRev")).assignCategory( "Verification of Area Usage with Return decision at check transaction and Restart, Restop and Approve at Check Transaction."); We are using this code, similar to the scenario name.

[anshooarora]

Here is what I found (notice the viewport size at the top-right of both screenshots):

Your viewport is <= 1478px. This is where this exact tag starts to break layout.

A simple fix:

// you can inject the below js:
$(document).ready(function() {
  $(".detail-head .info + div").addClass("tag-info");            
});

/* and the following css */
@media only screen and (max-width: 1500px) {
  .tag-info { margin-top: 35px !important; }
}

Just curious though, the tag name is the same as the test name - why? It's really long. :)

I'm closing this issue as the above would resolve it. Feel free to reopen this or a new issue if the issue persists. Note: I tested with the latest version: 5.1.2.