changed from message list markup from definition list to unordered list

geocam · Apr 15, 2011 · 62c9dd6 · 62c9dd6
1 parent 2481754
commit 62c9dd6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/geocamTalk/templates/geocamTalk/base.html b/geocamTalk/templates/geocamTalk/base.html
@@ -52,15 +52,14 @@
 		    				    authorFullname = '<a href="{% url geocamTalk.views.message_list recipient.username %}/' +authorUsername+ '">' +authorFullname+ '</a>' ;
 		    				{% endif %}
 
-			        		html_str += '<dt id="message_'+pk+'">';
+			        		html_str += '<li id="message_'+pk+'"><p id="message_'+pk+'_header">';
 			        		html_str += 'On '+content_timestamp+' '+authorFullname+' said';
 			        		if (has_geolocation == true) {
 			        			html_str += '<a data-rel="dialog" data-transition="pop" data-inline="true" data-role="button" data-icon="geoCam-map" data-iconpos="notext">Map Info</a>';
 			        		}
-			        		html_str += '</dt>';
-			        		html_str += '<dd id="message_'+pk+'_content">';
-			        		html_str += '<p>'+content+'</p>';
-			        		html_str += '</dd>';
+			        		html_str += '</p>';
+			        		html_str += '<p id="message_'+pk+'_content">'+content+'</p>';
+			        		html_str += '</li>';
 			        	}
 
 			        	$.mobile.activePage.page().find('#message_list').prepend(html_str);

diff --git a/geocamTalk/templates/geocamTalk/message_list.html b/geocamTalk/templates/geocamTalk/message_list.html
@@ -32,9 +32,10 @@ <h1>
 	{% endif %}
 </h1>
 <div id="messages">
-<dl id="message_list">
+<ul id="message_list">
 {% for m in gc_msg %}
-	<dt id="message_{{m.pk}}">
+	<li id="message_{{m.pk}}">
+	  <p id="message_{{m.pk}}_header">
 	  On {{ m.get_date_string }}
 	  {% if recipient %} 
 	  <a href="{% url geocamTalk.views.message_list recipient.username m.author.username %}"> 
@@ -47,12 +48,13 @@ <h1>
 	  {% if m.has_audio %}
           <a class="media" href="{{m.audio_file.url}}"></a>
       {%endif%}
-	</dt>
-	<dd id="message_{{m.pk}}_content">
-    	<p>{{ m.content}}</p>
-	</dd>
+      </p>
+      <p id="message_{{m.pk}}_content">
+    	{{ m.content}}
+	  </p>
+	</li>
 {% endfor %}
-</dl>
+</ul>
 </div>
 {% endblock %}