fixing css of home thumbnail, #116

Author: moacirmoda

themes/default/templates/course.html

@@ -171,16 +171,18 @@ <h1 class="bottom top">{% trans 'Home thumbnail' %}</h1>
                         </div>
 
                         <div class="row" ng-show="!addHomeThumb">
-                            <div class="add-thumbnail col-sm-12 col-lg-12 textcenter">
-                                <div class="centered">
-                                    <img preview-image ng-model="home_thumbfile" class="img-thumbnail" />
-                                    {% verbatim %}
-                                    <img ng-src="{{course.home_thumbnail_url}}" class="img-thumbnail" ng-show="!home_thumbfile"/>
-                                    {% endverbatim %}
-                                    <p><button class="btn btn-success btn-edit-thumbnail uppercase"
-                                        ng-click="addHomeThumb=true">{% trans 'Change thumbnail' %}</button>
-                                    </p>
-                                </div>
+
+                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                                <img preview-image ng-model="home_thumbfile" class="img-responsive"  ng-show="home_thumbfile"/>
+                                {% verbatim %}
+                                <img ng-src="{{course.home_thumbnail_url}}" class="img-responsive" ng-show="!home_thumbfile"/>
+                                {% endverbatim %}
+
+                            </div>
+
+                            <div class="col-lg-12 textright">
+                                <button class="btn btn-success btn-edit-thumbnail uppercase"
+                                ng-click="addHomeThumb=true">{% trans 'Change thumbnail' %}</button>
                             </div>
                         </div>
                     </section>