kleros/dispute-resolver

Fix styling for links in markdown dispute description

Closed this issue · 0 comments

The * universal selector there apparently overrides the Bootstrap styling for links:

.form-group > input,
.form-group > textarea,
body > div.confirmation.modal > div > div > div.modal-body > form > div:nth-child(4) > div > div > p,
.markdown * {
  color: #4d00b4;
}

https://github.com/kleros/dispute-resolver/blob/e8b3cfff7ac232a9c9f426e0ffc54bcf4889663d/src/app.css

By removing the * selector, the text turns black with blue links.
, .markdown * could perhaps be removed altogether or target specific elements such as titles to turn purple, if need be.

.markdown * {

Personally, I would prefer the dispute description in black text to resemble traditional legal briefs and to be consistent with the evidence text below which is in black.