import React from 'react';
import { Link } from 'react-router';

class Result extends React.Component {
  render() {
    const itemStyle = {
      listStyle: 'none',
      display: 'block'
    };

    const imgStyle = {
      position: 'absolute',
      zIndex: -1000,
      width: 320,
      WebkitFilter: 'blur(2px)',
      MozFilter: 'blur(2px)',
      msFilter: 'blur(2px)',
      filter: 'blur(2px)'
    };

    const linkStyle = {
      textDecoration: 'none',
      color: 'white',
      textTransform: 'uppercase',
      position: 'relative',
      height: 210,
      width: 320
    };

    return (
      <li style={itemStyle}>
        <Link to={'/' + this.props.result.id} style={linkStyle}>
          {this.props.result.title}
          <img src={this.props.result.thumbnail} style={imgStyle} />
        </Link>
      </li>
    );
  }
}

export default Result;

@@ -275,19 +275,23 @@
  width: 
+'
 320
+px'
 ,%0A      
@@ -302,33 +302,33 @@
 itFilter: 'blur(
-2
+1
 px)',%0A      MozF
@@ -332,33 +332,33 @@
 ozFilter: 'blur(
-2
+1
 px)',%0A      msFi
@@ -365,25 +365,25 @@
 lter: 'blur(
-2
+1
 px)',%0A      
@@ -396,17 +396,17 @@
 : 'blur(
-2
+1
 px)'%0A   
@@ -430,24 +430,48 @@
 nkStyle = %7B%0A
+      display: 'block',%0A
       textDe
@@ -590,11 +590,15 @@
 ht: 
+'
 210
+px'
 ,%0A  
@@ -608,19 +608,23 @@
  width: 
+'
 320
+px'
 %0A    %7D;%0A

use display block for link