From 8d560fb664a347d8109b04e2b515c466b817cd6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Wed, 3 Jun 2015 16:48:31 +0200
Subject: [PATCH] thumbnail is not croped anymore

---
 .../accordion_list_item.js                    |  5 ++--
 sass/ascribe_accordion_list.scss              | 27 +++++++------------
 2 files changed, 11 insertions(+), 21 deletions(-)

diff --git a/js/components/ascribe_accordion_list/accordion_list_item.js b/js/components/ascribe_accordion_list/accordion_list_item.js
index fc8715a7..53739f3a 100644
--- a/js/components/ascribe_accordion_list/accordion_list_item.js
+++ b/js/components/ascribe_accordion_list/accordion_list_item.js
@@ -11,15 +11,14 @@ let AccordionListItem = React.createClass({
     },
 
     render() {
-        console.log(this.props.content);
         return (
             <div className="row">
                 <div className={this.props.className}>
                     <div className="wrapper">
-                        <div className="thumbnail-wrapper">
+                        <div className="col-md-4 thumbnail-wrapper">
                             <img src={this.props.content.thumbnail} />
                         </div>
-                        <div className="info-wrapper">
+                        <div className="col-md-8">
                             <h1>{this.props.content.title}</h1>
                             <h3>{getLangText('by %s', this.props.content.artist_name)}</h3>
                             <h3>{this.props.content.date_created.split('-')[0]}</h3>
diff --git a/sass/ascribe_accordion_list.scss b/sass/ascribe_accordion_list.scss
index 13023d0f..fefba59c 100644
--- a/sass/ascribe_accordion_list.scss
+++ b/sass/ascribe_accordion_list.scss
@@ -21,29 +21,20 @@ $ascribe-accordion-list-font: 'Source Sans Pro';
         height:100%;
         // ToDo: Include media queries for thumbnail
         .thumbnail-wrapper {
-            float:left;
-            height:100%;
-            width:$ascribe-accordion-list-item-height;
-            overflow:hidden;
+            margin-left:0;
             padding-left:0;
-            padding-right:0;
-
             img {
+                display:block;
                 height: $ascribe-accordion-list-item-height;
             }
         }
-        .info-wrapper {
-            float:left;
-            font-family: $ascribe-accordion-list-font;
-            margin-left: 2em;
-            h1 {
-                margin-top: .5em;
-                font-size: 2.25em;
-            }
-            h3 {
-                font-size: 1.1em;
-                margin: .7em 0 0 0;
-            }
+        h1 {
+            margin-top: .3em;
+            font-size: 2.25em;
+        }
+        h3 {
+            font-size: 1.1em;
+            margin: .7em 0 0 0;
         }
     }
 }