Improve rendering in older browsers

...like SailfishOS.

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 36f022b81b2ddef215c559f457198f235fcad1a6..5f67199e43b2e6910de9eb024ad7e4a08cbdd8cf 100644 (file)
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -228,17 +228,20 @@ hr {
   height: 1.5em;
   width: 1.5em;
   background: rgba(0, 0, 0, 0.4);
+  background-color: rgba(0, 0, 0, 0.4);
   border-bottom-left-radius: 0.25rem !important;
   border-top-right-radius: 0.25rem !important;
 }
 
 .link-overlay:hover {
   transition: 0.1s;
+  -webkit-transition: 0.1s;
   opacity: 1;
 }
 
 .link-overlay {
   transition: opacity 0.1s ease-in-out;
+  -webkit-transition: opacity 0.1s ease-in-out;
   position: absolute;
   opacity: 0;
   left: 0;
@@ -246,6 +249,7 @@ hr {
   width: 100%;
   padding: 10px;
   background: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.6);
 }
 
 .placeholder {
@@ -285,6 +289,7 @@ pre {
 }
 .hide-input {
   background: transparent !important;
+  background-color: transparent !important;
   width: 0px !important;
   padding: 0 !important;
 }