Index: main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/applicants/browser_templates/applicantscontainermanagepage.pt
===================================================================
--- main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/applicants/browser_templates/applicantscontainermanagepage.pt	(revision 11026)
+++ main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/applicants/browser_templates/applicantscontainermanagepage.pt	(revision 11037)
@@ -37,43 +37,45 @@
     <tal:showApplicants  condition="view/showApplicants">
       <br />
-      <table class="dataTableManage">
-        <thead>
-          <tr>
-            <th>&nbsp;
-            </th>
-            <th i18n:translate="">Application Number
-            </th>
-            <th i18n:translate="">Full Name
-            </th>
-            <th i18n:translate="">First Choice
-            </th>
-            <th i18n:translate="">Application State
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr tal:repeat="appl context/values">
-            <td>
-              <input type="checkbox" name="val_id" tal:attributes="value appl/__name__" />
-            </td>
-            <td>
-              <a tal:attributes="href python: view.url(appl)"
-                 tal:content="appl/__name__">NUMBER</a>
-            </td>
-            <td>
-              <span tal:replace="appl/display_fullname">FULLNAME
-              </span>
-            </td>
-            <td>
-              <span tal:replace="appl/course1/code|nothing">FIRSTCHOICE
-              </span>
-            </td>
-            <td>
-              <span tal:replace="appl/translated_state">STATE
-              </span>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+      <div class="table-responsive">
+        <table class="dataTableManage">
+          <thead>
+            <tr>
+              <th>&nbsp;
+              </th>
+              <th i18n:translate="">Application Number
+              </th>
+              <th i18n:translate="">Full Name
+              </th>
+              <th i18n:translate="">First Choice
+              </th>
+              <th i18n:translate="">Application State
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr tal:repeat="appl context/values">
+              <td>
+                <input type="checkbox" name="val_id" tal:attributes="value appl/__name__" />
+              </td>
+              <td>
+                <a tal:attributes="href python: view.url(appl)"
+                   tal:content="appl/__name__">NUMBER</a>
+              </td>
+              <td>
+                <span tal:replace="appl/display_fullname">FULLNAME
+                </span>
+              </td>
+              <td>
+                <span tal:replace="appl/course1/code|nothing">FIRSTCHOICE
+                </span>
+              </td>
+              <td>
+                <span tal:replace="appl/translated_state">STATE
+                </span>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
       <input type="checkbox" onClick="toggle(this, 'val_id')" />
       <span  i18n:translate="">Select all</span>
@@ -102,27 +104,29 @@
     </div>
     <div id="tab3" class="tab-pane"> <br />
-      <table class="dataTableManage">
-        <thead>
-          <tr>
-            <th>&nbsp;
-            </th>
-            <th i18n:translate="">User Id
-            </th>
-            <th i18n:translate="">Name
-            </th>
-            <th i18n:translate="">Local Role
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr tal:repeat="entry view/getUsersWithLocalRoles"> <td>
-              <input type="checkbox" name="role_id"
-                tal:attributes="value python: entry['user_name']+'|'+entry['local_role']" /> </td>
-            <td tal:content="entry/user_name"> USERNAME  </td>
-            <td tal:content="entry/user_title"> USERTITLE  </td>
-            <td tal:content="entry/local_role_title"> LOCAL ROLE  </td>
-          </tr>
-        </tbody>
-      </table>
+      <div class="table-responsive">
+        <table class="dataTableManage">
+          <thead>
+            <tr>
+              <th>&nbsp;
+              </th>
+              <th i18n:translate="">User Id
+              </th>
+              <th i18n:translate="">Name
+              </th>
+              <th i18n:translate="">Local Role
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr tal:repeat="entry view/getUsersWithLocalRoles"> <td>
+                <input type="checkbox" name="role_id"
+                  tal:attributes="value python: entry['user_name']+'|'+entry['local_role']" /> </td>
+              <td tal:content="entry/user_name"> USERNAME  </td>
+              <td tal:content="entry/user_title"> USERTITLE  </td>
+              <td tal:content="entry/local_role_title"> LOCAL ROLE  </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
       <div tal:condition="view/availableActions">
         <span tal:repeat="action view/actions" tal:omit-tag="">
Index: main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/applicants/browser_templates/applicantsrootmanagepage.pt
===================================================================
--- main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/applicants/browser_templates/applicantsrootmanagepage.pt	(revision 11026)
+++ main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/applicants/browser_templates/applicantsrootmanagepage.pt	(revision 11037)
@@ -41,32 +41,34 @@
         Please be patient until all records have been loaded.
       </p>
-      <table class="dataTableManage">
-        <thead>
-          <tr>
-            <th>&nbsp;
-            </th>
-            <th i18n:translate="">Year
-            </th>
-            <th i18n:translate="">Code
-            </th>
-            <th i18n:translate="">Title
-            </th>
-            <th i18n:translate="">Records
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr tal:repeat="entry context/values"> <td>
-              <input type="checkbox" name="val_id"
-                tal:attributes="value entry/__name__" /> </td>
-            <td tal:content="entry/year">YEAR</td> <td>
-              <a href=""
-                tal:attributes="href python:view.url(entry) + '/manage'"
-                tal:content="entry/__name__">CODE</a> </td>
-            <td tal:content="entry/title">TITLE</td>
-            <td tal:content="python:len(entry)">YEAR</td>
-          </tr>
-        </tbody>
-      </table>
+      <div class="table-responsive">
+        <table class="dataTableManage">
+          <thead>
+            <tr>
+              <th>&nbsp;
+              </th>
+              <th i18n:translate="">Year
+              </th>
+              <th i18n:translate="">Code
+              </th>
+              <th i18n:translate="">Title
+              </th>
+              <th i18n:translate="">Records
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr tal:repeat="entry context/values"> <td>
+                <input type="checkbox" name="val_id"
+                  tal:attributes="value entry/__name__" /> </td>
+              <td tal:content="entry/year">YEAR</td> <td>
+                <a href=""
+                  tal:attributes="href python:view.url(entry) + '/manage'"
+                  tal:content="entry/__name__">CODE</a> </td>
+              <td tal:content="entry/title">TITLE</td>
+              <td tal:content="python:len(entry)">YEAR</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
       <div tal:condition="view/availableActions">
         <span tal:repeat="action view/actions" tal:omit-tag="">
@@ -78,27 +80,29 @@
     <div id="tab3" class="tab-pane">
       <br />
-      <table class="dataTableManage">
-        <thead>
-          <tr>
-            <th>&nbsp;
-            </th>
-            <th i18n:translate="">User Id
-            </th>
-            <th i18n:translate="">Name
-            </th>
-            <th i18n:translate="">Local Role
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr tal:repeat="entry view/getUsersWithLocalRoles">
-            <td> <input type="checkbox" name="role_id"
-                    tal:attributes="value python: entry['user_name']+'|'+entry['local_role']" />  </td>
-            <td tal:content="entry/user_name">USERNAME</td>
-            <td tal:content="entry/user_title">USERTITLE</td>
-            <td tal:content="entry/local_role_title">LOCAL ROLE</td>
-          </tr>
-        </tbody>
-      </table>
+      <div class="table-responsive">
+        <table class="dataTableManage">
+          <thead>
+            <tr>
+              <th>&nbsp;
+              </th>
+              <th i18n:translate="">User Id
+              </th>
+              <th i18n:translate="">Name
+              </th>
+              <th i18n:translate="">Local Role
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr tal:repeat="entry view/getUsersWithLocalRoles">
+              <td> <input type="checkbox" name="role_id"
+                      tal:attributes="value python: entry['user_name']+'|'+entry['local_role']" />  </td>
+              <td tal:content="entry/user_name">USERNAME</td>
+              <td tal:content="entry/user_title">USERTITLE</td>
+              <td tal:content="entry/local_role_title">LOCAL ROLE</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
       <div tal:condition="view/availableActions">
         <span tal:repeat="action view/actions" tal:omit-tag="">
Index: main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/applicants/browser_templates/applicantssearchpage.pt
===================================================================
--- main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/applicants/browser_templates/applicantssearchpage.pt	(revision 11026)
+++ main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/applicants/browser_templates/applicantssearchpage.pt	(revision 11037)
@@ -20,27 +20,28 @@
     <input type="hidden" name="old_searchtype"
          tal:attributes="value view/searchtype" />
-    <table class="display dataTable">
-      <thead>
-      <tr>
-        <th i18n:translate="">Applicant Id</th>
-        <th i18n:translate="">Reg. Number</th>
-        <th i18n:translate="">Application State</th>
-        <th i18n:translate="">Full Name</th>
-      </tr>
-      </thead>
-      <tbody>
-      <tr tal:repeat="item view/results" class="gradeC">
-        <td> <a tal:attributes="href python:view.url(item)">
-          <span tal:content="item/applicant_id">XXXX_1234</span></a>
-        </td>
-        <td class="center">
-          <span tal:content="item/reg_number">9999999</span>
-        </td>
-        <td tal:content="item/state">admitted</td>
-        <td tal:content="item/display_fullname">Bob</td>
-      </tr>
-      </tbody>
-    </table>
-    <br />
+    <div class="table-responsive">
+      <table class="display dataTable">
+        <thead>
+        <tr>
+          <th i18n:translate="">Applicant Id</th>
+          <th i18n:translate="">Reg. Number</th>
+          <th i18n:translate="">Application State</th>
+          <th i18n:translate="">Full Name</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr tal:repeat="item view/results" class="gradeC">
+          <td> <a tal:attributes="href python:view.url(item)">
+            <span tal:content="item/applicant_id">XXXX_1234</span></a>
+          </td>
+          <td class="center">
+            <span tal:content="item/reg_number">9999999</span>
+          </td>
+          <td tal:content="item/state">admitted</td>
+          <td tal:content="item/display_fullname">Bob</td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
   </div>
 </form>
