Failed Save CSS

One of the things I noticed today when adding content to an article is the view error'ed out in a 503! This is usually very rare but I would not have noticed had I not checked the view tab because I was near the bottom of the article edit using the footer. It may also have been the crappy public wifi I was connected to. So I switched back to the edit screen and scrolled up. Sure enough the red warning was at the top of the screen. Then I had an idea.

I am not sure why I did not think of this sooner. I would use css on the red failed save warning to make sure it was fixed to the screen regardless of where I am on the screen. So below will find the quick CSS I have added to my authoring panel. Please let me know if you have any css wizardy that would make this better.

Please note this DOES NOT target the Last Save Undefined. I see no way to target that without targeting all saves which would be in the way.

/ * FAILED SAVE CSS */
/ * ADD TO AUTHORING PANEL */
/ * DESKTOP */
(note the space between the / * to make it show here)

.last-save .label-danger {
  background-color: red;
  border: 1px solid black;
  border-radius: 10px;
  font-weight: bold !important;
  font-size: larger;
  padding: 10px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  position: fixed;
    left: 250px;
    top: 55px;
  text-align: center;
  width: 75vw;
  z-index: 10000;
}

/ * MOBILE * /
(note the space between the / * to make it show here)

@media only screen and (max-width: 800px
  .last-save .label-danger {
    left: 10px;
    top: 100px;
    padding: 10px !important;
    width: 95vw;
  }
}