From b48818bb460f1f8644436a69bd602fb428fbf217 Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriksch@gmail.com>
Date: Mon, 1 Jun 2020 15:23:34 +0100
Subject: [PATCH] Increase specificity of compact layout selectors

---
 res/css/views/rooms/_GroupLayout.scss | 108 +++++++++++++-------------
 1 file changed, 54 insertions(+), 54 deletions(-)

diff --git a/res/css/views/rooms/_GroupLayout.scss b/res/css/views/rooms/_GroupLayout.scss
index 928ea75a79..94fd35521f 100644
--- a/res/css/views/rooms/_GroupLayout.scss
+++ b/res/css/views/rooms/_GroupLayout.scss
@@ -55,77 +55,77 @@ $left-gutter: 65px;
 .mx_MatrixChat_useCompactLayout {
     .mx_EventTile {
         padding-top: 4px;
-    }
 
-    .mx_EventTile.mx_EventTile_info {
-        // same as the padding for non-compact .mx_EventTile.mx_EventTile_info
-        padding-top: 0px;
-        font-size: $font-13px;
-        .mx_EventTile_line, .mx_EventTile_reply {
-            line-height: $font-20px;
-        }
-        .mx_EventTile_avatar {
-            top: 4px;
-        }
-    }
-
-    .mx_EventTile .mx_SenderProfile {
-        font-size: $font-13px;
-    }
-
-    .mx_EventTile.mx_EventTile_emote {
-        // add a bit more space for emotes so that avatars don't collide
-        padding-top: 8px;
-        .mx_EventTile_avatar {
-            top: 2px;
-        }
-        .mx_EventTile_line, .mx_EventTile_reply {
+        .mx_EventTile.mx_EventTile_info {
+            // same as the padding for non-compact .mx_EventTile.mx_EventTile_info
             padding-top: 0px;
-            padding-bottom: 1px;
+            font-size: $font-13px;
+            .mx_EventTile_line, .mx_EventTile_reply {
+                line-height: $font-20px;
+            }
+            .mx_EventTile_avatar {
+                top: 4px;
+            }
+        }
+
+        .mx_EventTile .mx_SenderProfile {
+            font-size: $font-13px;
+        }
+
+        .mx_EventTile.mx_EventTile_emote {
+            // add a bit more space for emotes so that avatars don't collide
+            padding-top: 8px;
+            .mx_EventTile_avatar {
+                top: 2px;
+            }
+            .mx_EventTile_line, .mx_EventTile_reply {
+                padding-top: 0px;
+                padding-bottom: 1px;
+            }
+        }
+
+        .mx_EventTile.mx_EventTile_emote.mx_EventTile_continuation {
+            padding-top: 0;
+            .mx_EventTile_line, .mx_EventTile_reply {
+                padding-top: 0px;
+                padding-bottom: 0px;
+            }
         }
-    }
 
-    .mx_EventTile.mx_EventTile_emote.mx_EventTile_continuation {
-        padding-top: 0;
         .mx_EventTile_line, .mx_EventTile_reply {
             padding-top: 0px;
             padding-bottom: 0px;
         }
-    }
 
-    .mx_EventTile_line, .mx_EventTile_reply {
-        padding-top: 0px;
-        padding-bottom: 0px;
-    }
+        .mx_EventTile_avatar {
+            top: 2px;
+        }
 
-    .mx_EventTile_avatar {
-        top: 2px;
-    }
+        .mx_EventTile_e2eIcon {
+            top: 3px;
+        }
 
-    .mx_EventTile_e2eIcon {
-        top: 3px;
-    }
+        .mx_EventTile_readAvatars {
+            top: 27px;
+        }
 
-    .mx_EventTile_readAvatars {
-        top: 27px;
-    }
+        .mx_EventTile_continuation .mx_EventTile_readAvatars,
+        .mx_EventTile_emote .mx_EventTile_readAvatars {
+            top: 5px;
+        }
 
-    .mx_EventTile_continuation .mx_EventTile_readAvatars,
-    .mx_EventTile_emote .mx_EventTile_readAvatars {
-        top: 5px;
-    }
+        .mx_EventTile_info .mx_EventTile_readAvatars {
+            top: 4px;
+        }
 
-    .mx_EventTile_info .mx_EventTile_readAvatars {
-        top: 4px;
+        .mx_EventTile_content .markdown-body {
+            p, ul, ol, dl, blockquote, pre, table {
+                margin-bottom: 4px; // 1/4 of the non-compact margin-bottom
+            }
+        }
     }
 
     .mx_RoomView_MessageList h2 {
         margin-top: 6px;
     }
-
-    .mx_EventTile_content .markdown-body {
-        p, ul, ol, dl, blockquote, pre, table {
-            margin-bottom: 4px; // 1/4 of the non-compact margin-bottom
-        }
-    }
 }