Show current track and requester name in a 320x58 area

nightbot-sr.css

/* 
Size: Width 320, Height 400
Crop: Top 64, Bottom 278
*/
body { background-color: rgba(0, 0, 0, 0); margin: 0px; auto; overflow: hidden; }

/* transparent background */
.white-bg, .gray-bg, .breadcrumb { background-color: rgba(0, 0, 0, 0); }
div.row:nth-child(4) div, .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: rgba(0, 0, 0, 1);
}
/* fix font-size */
.current-track h4 { font-size: 14px; }
body { font-size: 13px; }
/* custom text colour */
body, .table-striped { color: #65849f; }
/* add text border */
.current-track {
  text-shadow:
    -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

/* shows title and person of request */
.current-track p { display: none; }
.current-track p:nth-of-type(3) { display: inherit; }
/* adjust position */
h2[ng-bind="$state.current.title"], .breadcrumb, .breadcrumb > li + li::before {
  color: transparent;
}
.current-track {
  position: fixed;
  top: 35px;
  left: 2px;
  width: 316px; /* 4px smaller to safely contain everything */
  height: 62px; /* 4px bigger to reduce bottom margin */
}
.current-track p:nth-of-type(3) {
  margin: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
/* hide alerts, queue, and footer */
.alert-dismissable, div.row:nth-child(4), #page-wrapper > div:nth-child(3) {
  display: none;
}