old_contents: import React from 'react';
  import styled from 'styled-components';
  import moment from 'moment';
  import {
    fetchUser
  } from '../actions/action-creators';
  
  const UserLink = styled.a`
    display: inline-block;
    margin: 5px auto;
    color: #fff;
    background-color: rgba(255,255,255,0.4);
  `;
  
  const UserInfo = styled.ul`
    margin: 0 auto;
    padding: 1rem 0.7rem 0.7rem 0;
  
    li {
      font-weight: bold;
    }
  `;
  
  
  let User = React.createClass ({
  
    propTypes: {
      user: React.PropTypes.object.isRequired
    },
  
    componentWillMount() {
      fetchUser();
    },
  
    render() {
      const {
        user
      } = this.props;
  
      const {
        image,
        name,
        playcount,
        registered,
        url
      } = user;
  
      const registeredElement = moment.unix(registered['#text']).format('MM/DD/YYYY');
  
      return (
          <UserLink
            href={url} target="_blank">
            <div>
              <img
                src={image['3']['#text']}
                alt={name} />
            </div>
            <UserInfo>
              <li>{name}</li>
              <li>{playcount}</li>
              <li>{registeredElement}</li>
            </UserInfo>
          </UserLink>
      );
    }
  });
  
  export default User;
  
new_contents: import React from 'react';
  import styled from 'styled-components';
  import moment from 'moment';
  import {
    fetchUser
  } from '../actions/action-creators';
  
  const UserLink = styled.a`
    display: inline-block;
    margin: 5px auto;
    background-color: rgba(255, 255, 255, 1);
  `;
  
  const UserInfo = styled.ul`
    margin: 0 auto;
    padding: 1rem 0.7rem 0.7rem 0;
    text-align: right;
    color: #111111;
  `;
  
  let User = React.createClass ({
  
    propTypes: {
      user: React.PropTypes.object.isRequired
    },
  
    componentWillMount() {
      fetchUser();
    },
  
    render() {
      const {
        user
      } = this.props;
  
      const {
        image,
        name,
        playcount,
        registered,
        url
      } = user;
  
      const registeredElement = moment.unix(registered['#text']).format('MM/DD/YYYY');
  
      return (
          <UserLink
            href={url} target="_blank">
            <div>
              <img
                src={image['3']['#text']}
                alt={name} />
            </div>
            <UserInfo>
              <li>{name}</li>
              <li>{playcount}</li>
              <li>{registeredElement}</li>
            </UserInfo>
          </UserLink>
      );
    }
  });
  
  export default User;
  
subject: Update User component styles