From c8ade2dff50c83775229a22db82093dc09155c68 Mon Sep 17 00:00:00 2001
From: Henrik Levkowetz <henrik@levkowetz.com>
Date: Thu, 2 Jun 2016 19:21:08 +0000
Subject: [PATCH] Tweaked the chair_photos view.  - Legacy-Id: 11265

---
 ietf/static/ietf/css/ietf.css          |  5 +++++
 ietf/templates/group/chair_photos.html | 22 +++++++++++++++-------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/ietf/static/ietf/css/ietf.css b/ietf/static/ietf/css/ietf.css
index 2aacf362b..62e186483 100644
--- a/ietf/static/ietf/css/ietf.css
+++ b/ietf/static/ietf/css/ietf.css
@@ -459,3 +459,8 @@ label#list-feeds {
 .email-subscription button[type=submit] {
   margin-left: 3em;
 }
+
+.photo-name {
+  height: 3em;
+}
+
diff --git a/ietf/templates/group/chair_photos.html b/ietf/templates/group/chair_photos.html
index f9b7dc2ed..f8e444903 100644
--- a/ietf/templates/group/chair_photos.html
+++ b/ietf/templates/group/chair_photos.html
@@ -27,16 +27,24 @@
         {% regroup letter.list by person as person_groups %}
         {% for person_with_groups in person_groups %}
          <li>
-         <div class="well">
+         <div class="well photo-thumbnail">
+	   <div>
            {% if person_with_groups.grouper.photo_thumb %}
-             <img width=100px src="{{person_with_groups.grouper.photo_thumb.url}}"/>
-           {% endif %}
-           {% if person_with_groups.grouper.photo %}
-             <div><a href="{{person_with_groups.grouper.photo.url}}"><strong>{{person_with_groups.grouper.plain_name}}</strong></a></div>
+	      <a href="{{person_with_groups.grouper.photo.url}}">
+		 <img width=100px src="{{person_with_groups.grouper.photo_thumb.url}}"/>
+	      </a>
            {% else %}
-             <div><strong>{{person_with_groups.grouper.plain_name}}</strong></div>
+		 <img width=100px src="{{ MEDIA_URL }}photos/nopictureavailable.jpg"/>
            {% endif %}
-           <div>
+	   </div>
+	   <div class="photo-name">
+           {% if person_with_groups.grouper.photo %}
+             <a href="{{person_with_groups.grouper.photo.url}}"><strong>{{person_with_groups.grouper.plain_name}}</strong></a>
+           {% else %}
+	     <strong>{{person_with_groups.grouper.plain_name}}</strong>
+           {% endif %}
+	   </div>
+           <div class="photo-role-list">
            {% for role in person_with_groups.list %}   
                {{role.group.acronym}}
            {% endfor %}