The underline adds slightly too much visual weight to the links in question.
This changes the links to not have an underline by default, while still adding
the underline when the link is hovered.

Normally accessibility requirements demand that you add an underline for all
clickable text. However, in this case the positioning of the elements, their
changed color, the presence of an icon next to the links, and the link hover
effect combine to give these elements the appearance of clickability.

- Replaces thick shadow with a fuzzy shadow.

- adds more padding

- adds a pointer cursor to indicate the items are clickable.

Previously the inputs would bleed behind the help text. They were still
clickable but this is not a desirable visual effect.

- Swap out black borders for gray ones

- Add rounded corners to form areas

Clearer display of log messages: chronological order, and coloration of repeated vs. fresh metadata.

Taking out the `defaulted` js logic with the search-box, and embracing CSS3's 'placeholder' attribute.
Prettying up the search box

For multiple line warning messages, this makes them little bit spaced, but I think it's OK.

On Chrome (and possibly others), an inline element like span doesn't enlarge
its size to cover its content, so the 1px place holder wasn't taking effect.

To ensure the minimum height of 16px, make it an inline-block element. I'm
not entirely sure how an inline-block element with no fixed width would behave,
but with a bit of casual testing, the text inside seems to wrap OK.

When managing instances with lots of jobs, the size of the view
configuration screen becomes huge because there is one line per job on
the instance.

Adjust z-index for #search-box-completion to appear over the breadcrumb

I still don't fully understand why the right border gets cropped, but
playing with DOM manipulation window, it seems like the cell-level
"border-right: none" is winning over the table level "border: 1px solid
talks about the border conflict resolution specified in
http://www.w3.org/TR/CSS2/tables.html#border-conflict-resolution

What this fix does is to set the cell-level right border for pane
tables. I realize that this might break table nesting inside another
table.

configurations in the matrix.

instead of the default HTML table look. Also moving the
"Configuration Matrix" title as a part of the table, to gain some space.

- previewEndpoint attribute is used to obtain formatted html

- Fix DOM handling
- Change background-color for preview div to match the color pallet
- Remove unused code

This reverts commit 9ddf000f.
[FIXED JENKINS-10253] Label Alignment does not correctly work for top-level entries that span several lines