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

Revert “DEV: flexify post actions (#9926)”

This reverts commit 6ef0e98f4e07efd1fba36e8315d53559e22a9a8f.

diff --git a/app/assets/javascripts/discourse/app/widgets/post-menu.js b/app/assets/javascripts/discourse/app/widgets/post-menu.js
index be4bc89..d014a67 100644
--- a/app/assets/javascripts/discourse/app/widgets/post-menu.js
+++ b/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
       )
diff --git a/app/assets/stylesheets/common/components/buttons.scss b/app/assets/stylesheets/common/components/buttons.scss
index cc2a7d0..643975e 100644
--- a/app/assets/stylesheets/common/components/buttons.scss
+++ b/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;
diff --git a/app/assets/stylesheets/common/printer-friendly.scss b/app/assets/stylesheets/common/printer-friendly.scss
index 8fb6348..ce0d468 100644
--- a/app/assets/stylesheets/common/printer-friendly.scss
+++ b/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,
diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index 5b7a77a..ed1b906 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/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;
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 7dea3ab..7031810 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/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;

GitHub sha: f92116d6

1 Like