Revert "Fix threads with bubbles rendering (#6971)"

This reverts commit a2bc090.

Author: Germain Souquet

res/css/views/rooms/_EventBubbleTile.scss

@@ -28,12 +28,6 @@ limitations under the License.
     margin-left: 49px;
     margin-right: 100px;
     font-size: $font-14px;
-    flex-direction: column;
-    display: flex;
-
-    .mx_ThreadInfo {
-        max-width: 100%;
-    }
 
     &.mx_EventTile_continuation {
         margin-top: 2px;
@@ -91,8 +85,6 @@ limitations under the License.
     }
 
     &[data-self=false] {
-        align-items: flex-start;
-
         .mx_EventTile_line {
             border-bottom-right-radius: var(--cornerRadius);
         }
@@ -106,18 +98,11 @@ limitations under the License.
         }
 
         --backgroundColor: $eventbubble-others-bg;
-
-        .mx_ThreadInfo {
-            align-self: flex-start;
-            margin-top: 8px;
-            margin-left: -10px;
-            margin-bottom: 8px;
-        }
     }
     &[data-self=true] {
-        align-items: flex-end;
         .mx_EventTile_line {
             border-bottom-left-radius: var(--cornerRadius);
+            float: right;
             > a {
                 left: auto;
                 right: -68px;
@@ -147,13 +132,6 @@ limitations under the License.
         }
 
         --backgroundColor: $eventbubble-self-bg;
-
-        .mx_ThreadInfo {
-            align-self: flex-end;
-            margin-right: -14px;
-            margin-top: 8px;
-            margin-bottom: 4px;
-        }
     }
 
     .mx_EventTile_line {

res/css/views/rooms/_EventTile.scss

@@ -690,8 +690,6 @@ $hover-select-border: 4px;
     color: $secondary-content;
     box-sizing: border-box;
     justify-content: flex-start;
-    margin-right: 110px;
-    margin-left: 64px;
 
     &:hover, &-active {
         cursor: pointer;

src/components/views/rooms/EventTile.tsx

@@ -1335,9 +1335,9 @@ export default class EventTile extends React.Component<IProps, IState> {
                             { keyRequestInfo }
                             { actionBar }
                             { this.props.layout === Layout.IRC && (reactionsRow) }
+                            { this.renderThreadInfo() }
                         </div>
                         { this.props.layout !== Layout.IRC && (reactionsRow) }
-                        { this.renderThreadInfo() }
                         { msgOption }
                     </>)
                 );