[FIX] : content not display proper

bzr revid: aja@tinyerp.com-20140220064248-lvmpgbz7skjpqyus

addons/website_blog/data/website_blog_demo.xml

@@ -26,7 +26,7 @@
             <field name="content_image">/website_blog/static/src/img/post1.jpg</field>
             <field name="content"><![CDATA[
         <section class="mt16 mb16" data-snippet-id='image-text'>
-            <div class="container">
+            <div class="container readable">
                 <div class="row">
                     <iframe width="361" height="200" src="http://www.youtube.com/embed/EkbBFmIWoTE" frameborder="0" allowfullscreen></iframe>
                     <p>
@@ -50,7 +50,7 @@
             </div>
         </section>
         <section class="mt16 mb16" data-snippet-id='text-block'>
-            <div class="container">
+            <div class="container readable">
                 <div class="row">
                     <p>
                         At OpenERP, we build tools to bring productivity to
@@ -136,7 +136,7 @@
             <field name="content_image">/website_blog/static/src/img/post2.jpg</field>
             <field name="content">
 <![CDATA[<section class="mt16 mb16 " data-snippet-id='CMS_WMS_screens'>
-            <div class="container">
+            <div class="container readable">
                 <div class="row">
                     <div class="col-md-12">
                         <img class="img-responsive" src="/website_blog/static/src/img/CMS_WMS_screens.jpg"/>
@@ -156,7 +156,7 @@
             </div>
         </section>
         <section data-snippet-id='cms-screeen'>
-            <div class="container">
+            <div class="container readable">
                 <p>
                     OpenERP claims to be 'the Open Source software that makes
                     building your company's website and selling your products
@@ -281,7 +281,7 @@
             <field name="content_image">/website_blog/static/src/img/post3.jpg</field>
             <field name="content"><![CDATA[
         <section data-snippet-id="text">
-            <div class="container">
+            <div class="container readable">
                 <div class="row">
                     <p>I needed to change the world. I wanted to ... You know how
                     it is when you are young; you have big dreams, a lot of energ
@@ -294,7 +294,7 @@
             </div>
         </section>
         <section data-snippet-id="text-image">
-            <div class="container">
+            <div class="container readable">
                 <div class="row">
                     <p>
                         To fuel my motivation, I had to pick someone to fight

addons/website_blog/static/src/js/website_blog.inline.discussion.js

@@ -73,7 +73,7 @@
                 .appendTo('#discussions_wrapper');
             a.css({
                 'top': node.offset().top,
-                'left': self.settings.position == 'right' ? node.outerWidth() - 150: node.offset().left - a.outerWidth()
+                'left': self.settings.position == 'right' ? node.outerWidth() + node.offset().left: node.offset().left - a.outerWidth()
             });
             node.attr('data-discus-identifier', identifier).mouseover(function() {
                 a.addClass("hovered");
@@ -116,7 +116,7 @@
         create_popover : function(elt, identifier) {
             var self = this;
             elt.popover({
-                placement:'left',
+                placement:'right',
                 trigger:'manual',
                 html:true, content:function(){
                     return $($(this).data('contentwrapper')).html();

addons/website_blog/views/website_blog_templates.xml

@@ -199,8 +199,7 @@
             </li>
         </t>
     </div>
-
-    <div id="blog_content" t-field="blog_post.content" class="readable"/>
+    <div id="blog_content" t-field="blog_post.content"/>
 
     <section id="comments" class="container">
         <ul class="media-list" id="comments-list">