[A11y] make location & time icons role=img with labels (#4955)

* [A11y] use icon’s title-attribute instead of hidden text for events location and time

* Fix icons with role=img

* simplify css

src/pretix/static/pretixpresale/scss/main.scss

@@ -397,27 +397,26 @@ body.loading .container {
 }
 
 .info-row {
-    & > .fa {
+    position: relative;
+    min-height: 30px;
+    margin-bottom: 10px;
+
+    .info-row-icon {
+        position: absolute;
+        top: -5px;
+        left: 0;
         font-size: 26px;
         color: $brand-primary;
-        float: left;
         margin-top: 3px;
-    }
-    & > img {
         width: 26px;
         height: auto;
-        float: left;
-        margin-top: 3px;
-        position: relative;
-        left: 3.71423px;  /* Position analog to what fa-fw does */
+        .fa {
+            vertical-align: top;
+        }
     }
     p {
-        min-height: 30px;
         margin-left: 40px;
     }
-    p:first-child {
-        margin-top: 0;
-    }
 }
 
 @media (min-width: $screen-md-min) {