Tidy style rules of TimelineCard up (#8315)

* .mx_EventTile_line

Signed-off-by: Suguru Hirahara <[email protected]>

* .mx_ReactionsRow

Signed-off-by: Suguru Hirahara <[email protected]>

* .mx_ThreadInfo

Signed-off-by: Suguru Hirahara <[email protected]>

* .mx_EventTile_avatar

Signed-off-by: Suguru Hirahara <[email protected]>

* .mx_MessageTimestamp

Signed-off-by: Suguru Hirahara <[email protected]>

* .mx_EventTile_msgOption

Signed-off-by: Suguru Hirahara <[email protected]>

* &.mx_EventTile_info

Signed-off-by: Suguru Hirahara <[email protected]>

* .mx_GroupLayout

Signed-off-by: Suguru Hirahara <[email protected]>

* lint

Signed-off-by: Suguru Hirahara <[email protected]>

Author: luixxiul

res/css/views/right_panel/_TimelineCard.scss

@@ -68,21 +68,48 @@ limitations under the License.
             margin-left: 36px;
             margin-right: 8px;
         }
-    }
 
-    .mx_EventTile:not([data-layout="bubble"]) .mx_ThreadInfo {
-        margin-left: 36px;
-        margin-right: 0;
-        max-width: min(calc(100% - 36px), 600px);
-    }
+        .mx_ThreadInfo {
+            margin-left: 36px;
+            margin-right: 0;
+            max-width: min(calc(100% - 36px), 600px);
+        }
 
-    .mx_GroupLayout .mx_EventTile > .mx_DisambiguatedProfile {
-        margin-left: 36px;
+        .mx_EventTile_avatar {
+            top: 12px;
+            left: -3px;
+        }
+
+        .mx_MessageTimestamp {
+            right: -4px;
+            left: auto;
+        }
+
+        .mx_EventTile_msgOption {
+            margin-right: 2px;
+        }
+
+        &.mx_EventTile_info {
+            .mx_EventTile_line {
+                padding-left: 36px;
+            }
+
+            .mx_EventTile_avatar {
+                left: 18px;
+            }
+        }
     }
 
-    .mx_EventTile:not([data-layout="bubble"]) .mx_EventTile_avatar {
-        top: 12px;
-        left: -3px;
+    .mx_GroupLayout {
+        .mx_EventTile {
+            > .mx_DisambiguatedProfile {
+                margin-left: 36px;
+            }
+
+            .mx_EventTile_line {
+                padding-bottom: 8px;
+            }
+        }
     }
 
     .mx_CallEvent_wrapper {
@@ -93,36 +120,15 @@ limitations under the License.
         }
     }
 
-    .mx_EventTile:not([data-layout="bubble"]) .mx_MessageTimestamp {
-        right: -4px;
-        left: auto;
-    }
-
-    .mx_EventTile:not([data-layout="bubble"]) .mx_EventTile_msgOption {
-        margin-right: 2px;
-    }
-
     .mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line,
     .mx_GenericEventListSummary:not([data-layout=bubble]) > .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {
         padding-left: 36px;
     }
 
-    .mx_GroupLayout .mx_EventTile .mx_EventTile_line {
-        padding-bottom: 8px;
-    }
-
     .mx_EventTile_readAvatars {
         top: -10px;
     }
 
-    .mx_EventTile:not([data-layout="bubble"]).mx_EventTile_info .mx_EventTile_line {
-        padding-left: 36px;
-    }
-
-    .mx_EventTile:not([data-layout="bubble"]).mx_EventTile_info .mx_EventTile_avatar {
-        left: 18px;
-    }
-
     .mx_WhoIsTypingTile {
         margin-left: -12px; // undo padding on the message list
     }