UI: Add shadow to button text for readability (#307)

microbit-josephine · microbit-carlos · commit 4fda80040720 · 2019-11-26T11:24:37.000Z
Makes long strings text visible on the triangular background with the same colour as the text.
diff --git a/static/css/style.css b/static/css/style.css
@@ -337,6 +337,7 @@ html[data-useragent*='MSIE 10.0'] .small-icons .status-icon {
   font-size: 80%;
   text-align: center;
   color: #336699;
+  text-shadow:   -1px -1px #f2f2f2, 1px -1px #f2f2f2, -1px 1px #f2f2f2, 1px 1px #f2f2f2;
 }
 
 body:not(.hasFota) .fota {

Original file line number	Diff line number	Diff line change
`@@ -337,6 +337,7 @@ html[data-useragent*='MSIE 10.0'] .small-icons .status-icon {`
`337`	`337`	`font-size: 80%;`
`338`	`338`	`text-align: center;`
`339`	`339`	`color: #336699;`
	`340`	`+ text-shadow: -1px -1px #f2f2f2, 1px -1px #f2f2f2, -1px 1px #f2f2f2, 1px 1px #f2f2f2;`
`340`	`341`	`}`
`341`	`342`
`342`	`343`	`body:not(.hasFota) .fota {`