Revert "DEV: flexify post actions (#9926)"

This reverts commit 6ef0e98f4e07efd1fba36e8315d53559e22a9a8f.

app/assets/javascripts/discourse/app/widgets/post-menu.js

@@ -395,7 +395,7 @@ function replaceButton(buttons, find, replace) {
 }
 
 export default createWidget("post-menu", {
-  tagName: "section.post-menu-area",
+  tagName: "section.post-menu-area.clearfix",
 
   settings: {
     collapseButtons: true,
@@ -573,7 +573,7 @@ export default createWidget("post-menu", {
 
     const contents = [
       h(
-        "nav.post-controls" +
+        "nav.post-controls.clearfix" +
           (this.state.collapsed ? ".collapsed" : ".expanded"),
         postControls
       )

app/assets/stylesheets/common/components/buttons.scss

@@ -264,11 +264,6 @@
   .d-icon {
     color: $primary-low-mid;
   }
-
-  .d-button-label + .d-icon {
-    margin-left: 0.5em;
-  }
-
   @include hover {
     .d-icon {
       color: $primary;

app/assets/stylesheets/common/printer-friendly.scss

@@ -6,7 +6,7 @@
   header,
   .topic-above-post-stream-outlet.topic-above-post-stream,
   .topic-map,
-  .post-menu-area,
+  .post-menu-area.clearfix,
   div#topic-footer-buttons,
   div.suggested-topics,
   div#progress-topic-wrapper,

app/assets/stylesheets/desktop/topic-post.scss

@@ -52,15 +52,11 @@ section.post-menu-area {
 
 nav.post-controls {
   padding: 0;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
 
   .actions {
-    display: flex;
-    justify-content: flex-end;
-    margin-left: auto;
-
+    text-align: right;
+    float: right;
+    display: inline-block;
     .more-actions {
       display: none;
       overflow: hidden;

app/assets/stylesheets/mobile/topic-post.scss

@@ -28,8 +28,6 @@ span.badge-posts {
 
 .topic-post {
   nav.post-controls {
-    display: flex;
-
     color: dark-light-choose($primary-low-mid, $secondary-high);
     .actions {
       display: flex;