added table column priority 7 and made tables full screen with

css/extensions.css

@@ -536,7 +536,20 @@ html table tr td .ui-radio label.ui-btn {
   padding-bottom: .5em;
   border: 0 none;
 }
-
+/* add priority 7 */
+@media only all {
+  th.ui-table-priority-7,
+  td.ui-table-priority-7 {
+    display: none;
+  }
+}
+/* Show priority 7 at 1,280px (70em x 16px) */
+@media screen and (min-width: 80em) {
+  .ui-table-columntoggle.ui-responsive th.ui-table-priority-7,
+  .ui-table-columntoggle.ui-responsive td.ui-table-priority-7 {
+    display: table-cell;
+  }
+}
 @media (max-width: 20em) {
   .ui-table-wrapper-top .ui-controlgroup .ui-controlgroup-controls,
   .ui-table-wrapper-bottom .ui-controlgroup .ui-controlgroup-controls {

css/themes.css

@@ -1412,8 +1412,7 @@ html .ui-filterable {
 
   /* limit controlbar width */
   html .ui-page .ui-controlbar.responsive,
-  html form.responsive,
-  html form {
+  html form.responsive {
     max-width: 40em; /* 640px */
     margin: 0 auto;
     clear: both;
@@ -1540,7 +1539,6 @@ html .ui-filterable {
   By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
   /* responsive content */
   html form.responsive,
-  html form,
   html .ui-page .ui-content-element.responsive,
   html .ui-page .ui-listview.responsive,
   html .ui-page .ui-controlbar.responsive {