From 9fbca5643974d0f1a53d4989685a4af79198fb08 Mon Sep 17 00:00:00 2001
From: John Postlethwait <john.postlethwait@nebula.com>
Date: Sat, 17 Mar 2012 15:10:09 -0700
Subject: [PATCH] Using the <caption> tag for table captions. Fixes bug #953741

Change-Id: I68873292cefac3ad9426f235c228522db3cf171f
---
 horizon/templates/horizon/common/_data_table.html  | 8 ++++----
 openstack_dashboard/static/dashboard/css/style.css | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/horizon/templates/horizon/common/_data_table.html b/horizon/templates/horizon/common/_data_table.html
index cd6ce439a..a7f6a23ed 100644
--- a/horizon/templates/horizon/common/_data_table.html
+++ b/horizon/templates/horizon/common/_data_table.html
@@ -1,11 +1,11 @@
 <div class="table_wrapper">
   <form action="{{ table.get_absolute_url }}" method="POST">{% csrf_token %}
-  <div class='table_header'>
-    <h3 class='table_title'>{{ table }}</h3>
-    {{ table.render_table_actions }}
-  </div>
   {% with columns=table.get_columns rows=table.get_rows %}
   <table id="{{ table.name }}" class="table table-bordered table-striped">
+    <caption class='table_header'>
+      <h3 class='table_title'>{{ table }}</h3>
+      {{ table.render_table_actions }}
+    </caption>
     <thead>
       <tr>
         {% for column in columns %}
diff --git a/openstack_dashboard/static/dashboard/css/style.css b/openstack_dashboard/static/dashboard/css/style.css
index 0df32905b..ef08bf0a5 100644
--- a/openstack_dashboard/static/dashboard/css/style.css
+++ b/openstack_dashboard/static/dashboard/css/style.css
@@ -287,6 +287,7 @@ a.current_item:hover h3, a.current_item:hover h4 {
 
 .table_header {
   height: 30px;
+  padding: 5px 0;
 }
 
 .table_title h3, .table_header h3 {