replace external storage status images with CSS, also use form to distinguish, fix #3910

apps/files_external/css/settings.css

@@ -1,10 +1,24 @@
-td.status>span { display:inline-block; height:16px; width:16px; }
+td.status > span {
-span.success { background-image: url('../img/success.png'); background-repeat:no-repeat; }
+	display: inline-block;
-span.error { background-image: url('../img/error.png'); background-repeat:no-repeat; }
+	height: 16px;
-span.waiting { background-image: url('../img/waiting.png'); background-repeat:no-repeat; }
+	width: 16px;
+	vertical-align: text-bottom;
+}
+
+span.success {
+	background: #37ce02;
+	border-radius: 8px;
+}
+span.error {
+	background: #ce3702;
+}
+span.waiting {
+	background: none;
+}
+
 td.mountPoint, td.backend { width:10em; }
 td.remove>img { visibility:hidden; padding-top:0.8em; }
 tr:hover>td.remove>img { visibility:visible; cursor:pointer; }
 #addMountPoint>td { border:none; }
 #addMountPoint>td.applicable { visibility:hidden; }
-#selectBackend { margin-left:-10px; }
+#selectBackend { margin-left:-10px; }