message: Initial pass on styling the recording indicator.
diff: @@ -113,20 +113,22 @@ function findRecordingIndicator() {
  function addRecordingIndicator() {
  if (!findRecordingIndicator() && frameLocation === "root") {
  let recordingIndicator = window.document.createElement("iframe");
  - const html = "<html><body><div style='text-align: center;'>Selenium IDE is recording.<body></html>";
  + const html = "<html><body><div style='text-align: center; padding-top: 20px; padding-bottom: 20px; font-family: Sans-Serif; font-size: small; color: white;'>Selenium IDE is recording.</div><body></html>";
  recordingIndicator.id = "recording-indicator";
  recordingIndicator.src = "data:text/html;charset=utf-8," + encodeURI(html);
  - recordingIndicator.style.display = "inline-block";
  + recordingIndicator.style.border = "none";
  + recordingIndicator.style.background = "#EE4841";
  recordingIndicator.style.position = "fixed";
  - recordingIndicator.style.bottom = "50px";
  - recordingIndicator.style.right = "50px";
  - recordingIndicator.style.width = "230px";
  - recordingIndicator.style.height = "40px";
  + recordingIndicator.style.bottom = "30px";
  + recordingIndicator.style.right = "30px";
  + recordingIndicator.style.width = "185px";
  + recordingIndicator.style.height = "75px";
  + recordingIndicator.style["box-shadow"] = "0 14px 19px 0 rgba(0,0,0,.2)";
  recordingIndicator.addEventListener("mouseenter", function(event) {
  event.target.style.visibility = "hidden";
  setTimeout(function() {
  event.target.style.visibility = "visible";
  - }, 1000);
  + }, 500);
  }, false);
  window.document.body.appendChild(recordingIndicator);
  }
  