Merge pull request #7474 from openfun/rmoch/fix_forum_action_button_issue

Fix forum response display issue with long labels on action buttons

AUTHORS

@@ -223,3 +223,5 @@ Tim Krones <t.krones@gmx.net>
 Linda Liu <lliu@edx.org>
 Alessandro Verdura <finalmente2@tin.it>
 Sven Marnach <sven@marnach.net>
+Richard Moch <richard.moch@gmail.com>
+

lms/static/sass/discussion/elements/_actions.scss

@@ -196,6 +196,7 @@
 
       &:hover, &:focus {
         border-color: $blue-d2;
+        background-color: $white;
 
         .action-label {
           color: $blue-d2;
@@ -216,6 +217,7 @@
 
       &:hover, &:focus {
         border-color: $green-d1;
+        background-color: $white;
 
         .action-label {
           color: $green-d2;
@@ -229,6 +231,7 @@
 
       &:hover, &:focus {
         border-color: $gray;
+        background-color: $white;
 
         .action-icon {
           border: 1px solid $gray;
@@ -295,6 +298,7 @@
 
   .action-button, .action-list-item {
     .action-label {
+      @include float(left);
       .label-checked {
         display: none;
       }

lms/static/sass/discussion/views/_thread.scss

@@ -39,11 +39,13 @@ body.discussion, .discussion-module {
     .response-header-content {
       display: inline-block;
       vertical-align: top;
-      width: flex-grid(9,12);
+      width: flex-grid(11,12);
     }
 
     .response-header-actions {
-      width: flex-grid(3,12);
+      position: absolute;
+      @include right($baseline);
+      top: ($baseline);
       @include float(right);
     }
   }