Remove Riot-era media query declarations of event tile on mobile UI (#…

…8814)

* Apply style declarations for mobile UI to modern layout, which breaks the current layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove the style declarations to restore the current layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Readd zero margin for event tile content

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove a comment

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

res/css/views/rooms/_EventTile.scss

@@ -681,20 +681,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
     }
 }
 
-@media only screen and (max-width: 480px) {
-
-    .mx_EventTile_line,
-    .mx_EventTile_reply {
-        padding-left: 0;
-        margin-right: 0;
-    }
-
-    .mx_EventTile_content {
-        margin-top: 10px;
-        margin-right: 0;
-    }
-}
-
 .mx_ThreadPanel_replies::before,
 .mx_ThreadSummaryIcon::before,
 .mx_ThreadSummary::before {
@@ -1058,3 +1044,10 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
         }
     }
 }
+
+// Media query for mobile UI
+@media only screen and (max-width: 480px) {
+    .mx_EventTile_content {
+        margin-right: 0;
+    }
+}