move style to css file

src/client/js/components/User/LikerList.jsx

@@ -12,8 +12,7 @@ class LikerList extends React.Component {
   render() {
     const { pageContainer } = this.props;
     return (
-      // <div className="text-truncate text-muted text-right" style="direction: rtl;">
-      <div className="text-truncate text-muted text-right">
+      <div className="user-list-content text-truncate text-muted text-right">
         <span className="text-info">
           <span className="liker-user-count">{pageContainer.state.sumOfLikers}</span>
           <i className="icon-fw icon-like"></i>

src/client/js/components/User/SeenUserList.jsx

@@ -12,8 +12,7 @@ class SeenUserList extends React.Component {
   render() {
     const { pageContainer } = this.props;
     return (
-      // <div className="text-truncate text-muted text-right" style="direction: rtl;">
-      <div className="text-truncate text-muted text-right">
+      <div className="user-list-content text-truncate text-muted text-right">
         <span className="text-danger">
           <span className="seen-user-count">{pageContainer.state.sumOfSeenUsers}</span>
           <i className="fa fa-fw fa-paw"></i>

src/client/styles/scss/_layout_growi.scss

@@ -11,9 +11,13 @@
     line-height: 1.25;
     border-bottom: 1px solid transparent;
 
-    .liker-user-count,
-    .seen-user-count {
-      font-weight: bold;
+    .user-list-content {
+      direction: rtl;
+
+      .liker-user-count,
+      .seen-user-count {
+        font-weight: bold;
+      }
     }
   }