add photo center style

diff --git a/app/festival/static/festival/css/festival.css b/app/festival/static/festival/css/festival.css
index cd87df83a2e4158580c965dd1873be5ee326be39..333ee0c2e2ba43921677169206e96c30863a783f 100644 (file)
--- a/app/festival/static/festival/css/festival.css
+++ b/app/festival/static/festival/css/festival.css
@@ -6,9 +6,17 @@
 .image-left {
     float: left;
     margin: 0px 15px 15px 0px;
+    width: 50%;
 }
 
 .image-right {
     float: right;
     margin: 0px 0px 15px 15px;
+    width: 50%;
+}
+
+.image-center {
+    float: center;
+    margin: 0px 0px 15px 0px;
+    width: 100%;
 }

diff --git a/app/festival/templates/festival/artist_detail.html b/app/festival/templates/festival/artist_detail.html
index 279f3e493f11b65a235787c71df0d2e6efd4f758..5e12a66b91e4f2c5f6535644d5b692f09446ec27 100644 (file)
--- a/app/festival/templates/festival/artist_detail.html
+++ b/app/festival/templates/festival/artist_detail.html
@@ -10,7 +10,7 @@
 
 <div class="artist-bio">
  <p>
-  <img class="{% if artist.photo_alignment == 'left' %}image-left{% else %}image-right{% endif %}" src="{{ MEDIA_URL }}/{{ artist.photo }}" width="50%" />
+  <img class="{% if artist.photo_alignment == 'left' %}image-left{% elif artist.photo_alignment == 'right' %}image-right{% else %}image-center{% endif %}" src="{{ MEDIA_URL }}/{{ artist.photo }}" />
   {{ artist.bio|safe }}
   <br style="clear: both;" />
  </p>