From fd250726ceb8ac33ae214eaf76f3b6cc44d7131c Mon Sep 17 00:00:00 2001
From: Andrew Smith <espadav8@gmail.com>
Date: Fri, 24 Feb 2012 13:53:40 +0000
Subject: [PATCH] Remove some inline styling and some depreciated table cell
 attributes and replace them with proper class names.

---
 app/views/queries/_columns.rhtml   |  6 +++---
 public/stylesheets/application.css | 10 ++++++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/views/queries/_columns.rhtml b/app/views/queries/_columns.rhtml
index f2bb5993..e1d7ff1d 100644
--- a/app/views/queries/_columns.rhtml
+++ b/app/views/queries/_columns.rhtml
@@ -1,4 +1,4 @@
-<table style="border-collapse: collapse; border:0;">
+<table class="query-columns">
 	<tr>
 		<td style="padding-left:0">
                 <%= label_tag "available_columns", l(:description_available_columns) %>
@@ -7,7 +7,7 @@
 		          options_for_select((query.available_columns - query.columns).collect {|column| [column.caption, column.name]}),
 		          :multiple => true, :size => 10, :style => "width:150px" %>
 		</td>
-		<td align="center" valign="middle">
+        <td class="buttons">
 			<input type="button" value="&#8594;"
 			 onclick="moveOptions(this.form.available_columns, this.form.selected_columns);" /><br />
 			<input type="button" value="&#8592;"
@@ -20,7 +20,7 @@
 		          options_for_select(query.columns.collect {|column| [column.caption, column.name]}),
 		          :id => 'selected_columns', :multiple => true, :size => 10, :style => "width:150px" %>
 		</td>
-		<td align="center" valign="middle">
+        <td class="buttons">
 			<input type="button" value="&#8593;" onclick="moveOptionUp(this.form.selected_columns);" /><br />
 			<input type="button" value="&#8595;" onclick="moveOptionDown(this.form.selected_columns);" />
 		</td>
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 2c1be07a..369457eb 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -204,6 +204,16 @@ table.attributes td { vertical-align: top; }
 
 table.boards a.board, h3.comments { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
 
+table.query-columns {
+    border-collapse: collapse;
+    border: 0;
+}
+
+table.query-columns td.buttons {
+    vertical-align: middle;
+    text-align: center;
+}
+
 td.center {text-align:center;}
 
 h3.version { background: url(../images/package.png) no-repeat 0% 50%; padding-left: 20px; }