Make rep grid photos consistent

memopol/tests/response_fixtures/RepresentativeListTest.test_cards.content

@@ -3,7 +3,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/francois-asensi-1945-06-01/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/francois-asensi-1945-06-01/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/francois-asensi" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/francois-asensi);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
@@ -43,7 +43,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/thierry-benoit-1966-09-13/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/thierry-benoit-1966-09-13/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/thierry-benoit" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/thierry-benoit);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
@@ -83,7 +83,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/marcel-bonnot-1946-05-24/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/marcel-bonnot-1946-05-24/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/marcel-bonnot" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/marcel-bonnot);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
@@ -123,7 +123,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-claude-bouchet-1957-05-02/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-claude-bouchet-1957-05-02/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-claude-bouchet" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-claude-bouchet);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
@@ -163,7 +163,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/paul-brannen-1962-09-13/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/paul-brannen-1962-09-13/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/124954.jpg" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/124954.jpg);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-gb"></span> United Kingdom</div>
@@ -203,7 +203,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/udo-bullmann-1956-06-08/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/udo-bullmann-1956-06-08/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/4267.jpg" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/4267.jpg);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-de"></span> Germany</div>
@@ -243,7 +243,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-paul-chanteguet-1949-12-09/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-paul-chanteguet-1949-12-09/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-paul-chanteguet" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-paul-chanteguet);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
@@ -283,7 +283,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-louis-christ-1951-01-24/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-louis-christ-1951-01-24/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-louis-christ" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-louis-christ);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
@@ -323,7 +323,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-michel-couve-1940-01-03/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-michel-couve-1940-01-03/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-michel-couve" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-michel-couve);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
@@ -363,7 +363,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/esther-de-lange-1975-02-19/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/esther-de-lange-1975-02-19/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/38398.jpg" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/38398.jpg);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-nl"></span> Netherlands</div>
@@ -403,7 +403,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/albert-dess-1947-04-17/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/albert-dess-1947-04-17/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/28228.jpg" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/28228.jpg);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-de"></span> Germany</div>
@@ -443,7 +443,7 @@
       <a class="custom-thumbnail custom-invisible" href="/legislature/representative/marc-dolez-1952-10-21/">
         </a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/marc-dolez-1952-10-21/">
           <div class="col-xs-5">
-            <img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/marc-dolez" width="158"/>
+            <img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/marc-dolez);"/>
             <div class="custom-thumbnail-details">
               
               <div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>

static/css/custom.css

@@ -310,7 +310,17 @@ iframe {
   border-color:#ddd;
 }
 
+.representative-card .img-responsive {
+    width: 150px;
+    height: 200px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
 
+.representative-card h4 {
+    margin-top: 15px;
+}
 
 /***************************************************************
                     Mandates

templates/representatives/representative_grid.html

@@ -21,7 +21,7 @@
       <a href="{% url 'representative-detail' slug=representative.slug %}" class="custom-thumbnail custom-invisible">
         <div class="row">
           <div class="col-xs-5">
-            <img class="img-responsive" src="{{ representative.photo }}" width="158">
+            <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="img-responsive" style="background-image: url({{ representative.photo }});">
             <div class="custom-thumbnail-details">
               {% if representative.country %}
               <div class="icon-badge-detail">{{ representative.country|country_flag }} {{ representative.country.name }}</div>