BrowserSupport: Translate

public/src/css/loader.css

@@ -64,28 +64,27 @@ body{
 	left: 0;
 	max-height: 100%;
 	overflow: hidden auto;
-	padding: 10px;
+	padding: 0.5em;
 	background: #aef;
 	font-family: sans-serif;
 	font-size: 20px;
 	cursor: default;
 	z-index: 10;
 }
-#unsupportedBrowser::before{
-	content: "!";
+#unsupportedWarn{
 	display: inline-block;
-	width: 30px;
-	height: 30px;
-	margin-right: 10px;
+	width: 1.5em;
+	height: 1.5em;
+	margin-right: 0.5em;
 	background: #39a;
 	color: #fff;
 	text-align: center;
-	line-height: 30px;
+	line-height: 1.5em;
 }
 #unsupportedBrowser.hidden{
-	width: 30px;
+	width: 1.5em;
 }
-#unsupportedBrowser.hidden *{
+#unsupportedBrowser.hidden *:not(#unsupportedWarn){
 	display: none !important;
 }
 #unsupportedBrowser a{
@@ -97,13 +96,13 @@ body{
 	text-decoration: underline;
 }
 #unsupportedBrowser ul{
-	margin: 5px;
+	margin: 0.25em;
 }
 #unsupportedDetails{
 	display: none;
-	margin: 10px 50px 0 50px;
-	border: 3px solid #39a;
-	padding: 5px;
+	margin: 0.5em 2.5em 0 2.5em;
+	border: 0.15em solid #39a;
+	padding: 0.25em;
 	cursor: auto;
 	user-select: text;
 }
@@ -111,10 +110,10 @@ body{
 	position: absolute;
 	right: 0;
 	top: 0;
-	width: 50px;
-	height: 50px;
+	width: 2.5em;
+	height: 2.5em;
 	text-align: center;
-	line-height: 45px;
+	line-height: 2.25em;
 	color: #777;
-	text-shadow: 1px 1px #fff;
+	text-shadow: 0.05em 0.05em #fff;
 }