Merge pull request #3140 from AHOHNMYC/css-ie11-fixes

assets/css/default.css

@@ -204,7 +204,8 @@ img.thumbnail {
 	margin: 1px;
 
 	border: 1px solid;
-	border-color: #0000 #0000 #CCC #0000;
+	border-color: rgba(0,0,0,0);
+	border-bottom-color: #CCC;
 	border-radius: 0;
 
 	box-shadow: none;
@@ -214,7 +215,8 @@ img.thumbnail {
 .searchbar input[type="search"]:focus {
 	margin: 0 0 0.5px 0;
 	border: 2px solid;
-	border-color: #0000 #0000 #FED #0000;
+	border-color: rgba(0,0,0,0);
+	border-bottom-color: #FED;
 }
 
 /* https://stackoverflow.com/a/55170420 */
@@ -234,7 +236,7 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 
 .user-field div {
-  width: initial;
+  width: auto;
 }
 
 .user-field div:not(:last-child) {
@@ -528,5 +530,8 @@ p,
 /* Center the "invidious" logo on the search page */
 #logo > h1 { text-align: center; }
 
+/* IE11 fixes */
+:-ms-input-placeholder { color: #888; }
+
 /* Wider settings name to less word wrap */
 .pure-form-aligned .pure-control-group label { width: 19em; }

assets/css/search.css

@@ -68,7 +68,10 @@ fieldset, legend {
 .filter-options label { margin: 0 10px; }
 
 
-#filters-apply { text-align: end; }
+#filters-apply {
+	text-align: right; /* IE11 only */
+	text-align: end;   /* Override for compatible browsers */
+}
 
 /* Error message */