add the text "Accepted Answer" next to the lonely button

use new "fade-out" class for the green areas in post menu

assets/javascripts/discourse/initializers/extend-for-solved-button.js.es6

@@ -81,7 +81,7 @@ export default {
             'unacceptAnswer',
             locale,
             'check-square',
-            {className: 'accepted'})
+            {className: 'accepted fade-out', prefixHTML: '<span class="accepted-text">' + I18n.t('solved.accepted_answer') + '</span>'})
           );
       }
 

assets/stylesheets/solutions.scss

@@ -1,12 +1,25 @@
-.post-controls .accepted, .fa.accepted {
+.post-controls .accepted, .fa.accepted, .accepted-text {
   color: green;
 }
 
+.post-controls .accepted-text {
+  display: inline-block;
+  font-size: inherit;
+  vertical-align: middle;
+  line-height: 35px;
+  margin-right: -5px;
+  z-index: 999;
+}
+
 // you can style accepted answers however your want
 .topic-post.accepted-answer .topic-body {
 //  background-color: #E9FFE0;
 }
 
+.mobile-view .post-controls .accepted-text {
+  float: left;
+}
+
 .mobile-view .cooked .solved {
   margin-bottom: 15px;
 }