fixes styles for mobile size

app/assets/stylesheets/layout.scss

@@ -2431,8 +2431,12 @@ table {
       border-top: 1px solid $border;
     }
 
-    .score-actions {
-      display: none;
+    @include breakpoint(medium) {
+
+      .score-actions {
+        display: none;
+        float: right;
+      }
     }
 
     &:hover {
@@ -2462,7 +2466,10 @@ table {
 
 .relate-content-score {
   display: block;
-  text-align: center;
+
+  @include breakpoint(medium) {
+    text-align: center;
+  }
 
   a {
     font-weight: bold;

app/views/relationable/_related_list.html.erb

@@ -2,7 +2,7 @@
   <% @related_contents.each do |related| %>
     <li>
       <% if current_user %>
-        <span id="<%= dom_id(related.relate_content(relationable)) %>" class="js-score-actions score-actions float-right">
+        <span id="<%= dom_id(related.relate_content(relationable)) %>" class="js-score-actions score-actions">
           <%= render 'relationable/score', related: related.relate_content(relationable) %>
         </span>
       <% end %>