From 3d259e70dd9efe7293596314d2e4cb7a3681bc65 Mon Sep 17 00:00:00 2001
From: OldHawk <taobataoma@gmail.com>
Date: Sun, 2 Apr 2017 13:57:48 +0800
Subject: [PATCH] add padding to img-circle->img-thumbnail

---
 modules/core/client/less/mt.less                 |  6 ++++++
 modules/core/client/views/home.client.view.html  | 14 +++++++-------
 .../views/uploads-torrents.client.view.html      | 16 ++++++++--------
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/modules/core/client/less/mt.less b/modules/core/client/less/mt.less
index 09461b39..d079838d 100644
--- a/modules/core/client/less/mt.less
+++ b/modules/core/client/less/mt.less
@@ -47,3 +47,9 @@
         }
     }
 }
+
+.cast-list {
+    .img-thumbnail {
+        padding: 1px !important;
+    }
+}
\ No newline at end of file
diff --git a/modules/core/client/views/home.client.view.html b/modules/core/client/views/home.client.view.html
index d98148bd..d31a4d7b 100644
--- a/modules/core/client/views/home.client.view.html
+++ b/modules/core/client/views/home.client.view.html
@@ -63,24 +63,24 @@
                             <dd class="h-line">{{vm.movieinfo.overview}}</dd>
                         </dl>
                         <legend class="xsmall-legend strong-legend" translate="TMDB_FIELDS.CAST"></legend>
-                        <div class="row">
+                        <div class="row cast-list">
                             <div class="col-xs-4 col-md-2 text-center">
                                 <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[0].profile_path}}"
-                                     class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
+                                     class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
                                 <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[0].name}}</strong></span>
 
                                 <!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[0].character}}</p>-->
                             </div>
                             <div class="col-xs-4 col-md-2 text-center">
                                 <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[1].profile_path}}"
-                                     class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
+                                     class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
                                 <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[1].name}}</strong></span>
 
                                 <!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[1].character}}</p>-->
                             </div>
                             <div class="col-xs-4 col-md-2 text-center">
                                 <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[2].profile_path}}"
-                                     class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
+                                     class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
                                 <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[2].name}}</strong></span>
 
                                 <!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[2].character}}</p>-->
@@ -88,21 +88,21 @@
                             <div class="clearfix visible-xs-block visible-sm-block"></div>
                             <div class="col-xs-4 col-md-2 text-center">
                                 <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[3].profile_path}}"
-                                     class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
+                                     class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
                                 <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[3].name}}</strong></span>
 
                                 <!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[3].character}}</p>-->
                             </div>
                             <div class="col-xs-4 col-md-2 text-center">
                                 <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[4].profile_path}}"
-                                     class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
+                                     class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
                                 <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[4].name}}</strong></span>
 
                                 <!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[4].character}}</p>-->
                             </div>
                             <div class="col-xs-4 col-md-2 text-center">
                                 <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[5].profile_path}}"
-                                     class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
+                                     class="img-circle img-thumbnail img-responsive center-block" onload="this.style.opacity='1';">
                                 <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[5].name}}</strong></span>
 
                                 <!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[5].character}}</p>-->
diff --git a/modules/torrents/client/views/uploads-torrents.client.view.html b/modules/torrents/client/views/uploads-torrents.client.view.html
index f475e124..a3f219f9 100644
--- a/modules/torrents/client/views/uploads-torrents.client.view.html
+++ b/modules/torrents/client/views/uploads-torrents.client.view.html
@@ -77,7 +77,7 @@
         <div class="col-md-12 col-sm-12 col-xs-12">
             <legend class="small-legend" translate="TMDB_MOVIE_INFO"></legend>
             <div class="col-md-4 col-sm-4 col-xs-12">
-                <img ng-src="{{vm.tmdbConfig.poster_img_base_url}}{{vm.movieinfo.poster_path}}" width="100%">
+                <img ng-src="{{vm.tmdbConfig.poster_img_base_url}}{{vm.movieinfo.poster_path}}" class="img-thumbnail">
             </div>
             <div class="col-md-8 col-sm-8 col-xs-12">
                 <dl class="dl-horizontal">
@@ -128,24 +128,24 @@
                     <dd class="h-line">{{vm.movieinfo.overview}}</dd>
                 </dl>
                 <legend class="xsmall-legend strong-legend" translate="TMDB_FIELDS.CAST"></legend>
-                <div class="row">
+                <div class="row cast-list">
                     <div class="col-xs-4 col-md-2 text-center">
                         <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[0].profile_path}}"
-                             class="img-circle img-responsive center-block">
+                             class="img-circle img-thumbnail img-responsive center-block">
                         <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[0].name}}</strong></span>
 
                         <p class="cast-xs-info">{{vm.movieinfo.credits.cast[0].character}}</p>
                     </div>
                     <div class="col-xs-4 col-md-2 text-center">
                         <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[1].profile_path}}"
-                             class="img-circle img-responsive center-block">
+                             class="img-circle img-thumbnail img-responsive center-block">
                         <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[1].name}}</strong></span>
 
                         <p class="cast-xs-info">{{vm.movieinfo.credits.cast[1].character}}</p>
                     </div>
                     <div class="col-xs-4 col-md-2 text-center">
                         <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[2].profile_path}}"
-                             class="img-circle img-responsive center-block">
+                             class="img-circle img-thumbnail img-responsive center-block">
                         <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[2].name}}</strong></span>
 
                         <p class="cast-xs-info">{{vm.movieinfo.credits.cast[2].character}}</p>
@@ -153,21 +153,21 @@
                     <div class="clearfix visible-xs-block visible-sm-block"></div>
                     <div class="col-xs-4 col-md-2 text-center">
                         <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[3].profile_path}}"
-                             class="img-circle img-responsive center-block">
+                             class="img-circle img-thumbnail img-responsive center-block">
                         <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[3].name}}</strong></span>
 
                         <p class="cast-xs-info">{{vm.movieinfo.credits.cast[3].character}}</p>
                     </div>
                     <div class="col-xs-4 col-md-2 text-center">
                         <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[4].profile_path}}"
-                             class="img-circle img-responsive center-block">
+                             class="img-circle img-thumbnail img-responsive center-block">
                         <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[4].name}}</strong></span>
 
                         <p class="cast-xs-info">{{vm.movieinfo.credits.cast[4].character}}</p>
                     </div>
                     <div class="col-xs-4 col-md-2 text-center">
                         <img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[5].profile_path}}"
-                             class="img-circle img-responsive center-block">
+                             class="img-circle img-thumbnail img-responsive center-block">
                         <span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[5].name}}</strong></span>
 
                         <p class="cast-xs-info">{{vm.movieinfo.credits.cast[5].character}}</p>