white-space: normal !important;
}
+/* Arrow buttons are buttons with only ↑, ↓, ← or → on
+ * them. We want these to look a little less spidery. */
+.arrow_button {
+ font-size: 150%;
+}
+
/* Style of the attachment table and time tracking table */
#attachment_table {
border-collapse: collapse;
border: 2px solid #B70000;
background-color: #FFEBEB;
}
-
-/*****************/
-/* colchange.cgi */
-/*****************/
-
-.image_button {
- background-repeat: no-repeat;
- background-position: center center;
- width: 30px;
- height: 20px;
-}
-
-#select_button {
- background-image: url(global/right.png);
-}
-
-#deselect_button {
- background-image: url(global/left.png);
-}
-
-#up_button {
- background-image: url(global/up.png);
-}
-
-#down_button {
- background-image: url(global/down.png);
-}
<tr>
<th><div id="avail_header" class="bz_default_hidden">Available Columns</div></th>
<th></th>
- <th>Selected Columns</th>
- <th></th>
+ <th colspan="2">Selected Columns</th>
</tr>
<tr>
<td>
</select>
</td>
<td>
- <input class="image_button bz_default_hidden" type="button"
- id="select_button" name="select" onclick="move_select()">
+ <button type="button" id="select_button" name="select"
+ class="bz_default_hidden arrow_button"
+ onclick="move_select()">→</button>
<br><br>
- <input class="image_button bz_default_hidden" type="button"
- id="deselect_button" name="deselect" onclick="move_deselect()">
+ <button type="button" id="deselect_button" name="deselect"
+ class="bz_default_hidden arrow_button"
+ onclick="move_deselect()">←</button>
</td>
<td>
<select name="selected_columns" id="selected_columns"
</select>
</td>
<td>
- <input class="image_button bz_default_hidden" type="button"
- id="up_button" name="up" onclick="move_up()">
+ <button type="button" id="up_button" name="up"
+ class="bz_default_hidden arrow_button"
+ onclick="move_up()">↑</button>
<br><br>
- <input class="image_button bz_default_hidden" type="button"
- id="down_button" name="down" onclick="move_down()">
+ <button type="button" id="down_button" name="down"
+ class="bz_default_hidden arrow_button"
+ onclick="move_down()">↓</button>
</td>
</tr>
</table>