trying to center the selected channel on the manage page. Dreamhost really botched up my dev site so it's taking 5 minute per page load - and I don't have any more time to waste tweaking one line of CSS, grabbing a cup of coffee, and drinking it, before seeing the CSS changes. It still needs more tweaking but I might have to do that on the production site - which loads promptly.

view/css/mod_manage.css

@@ -1,8 +1,8 @@
 #channels-selected {
 	color: #666666;
 	font-size: 1.2em;
-	margin-top: 20px;
-	margin-bottom: 10px;
+	width: 120px;
+	margin: 20px auto 10px auto;
 }
 
 #channels-desc {
@@ -12,12 +12,23 @@
 	margin-bottom: 20px;
 }
 
+#selected-channel {
+	width: 200px;
+	margin: 0px auto 0px auto;
+}
+
+#selected-channel .channel-selection {
+	clear: both;
+	width: 120px;
+	margin: 0px auto 0px auto;
+}
+
 .channel-selection-default {
 	font-size: 0.8em;
 	margin-bottom: 10px;
 }
 
-.channel-selection {
+#all-channels .channel-selection {
 	width: 120px;
 	float: left;
 }

view/tpl/channels.tpl

@@ -8,15 +8,19 @@
 {{/if}} 
 
 {{if $selected}}
+<div id="selected-channel">
 <div id="channels-selected">{{$msg_selected}}</div>
 {{include file="channel.tpl" channel=$selected}}
 <div class="channels-end selected"></div>
+</div>
 {{/if}}
 
 <div id="channels-desc" class="descriptive-text">{{$desc}}</div>
 
+<div id="all-channels">
 {{foreach $all_channels as $chn}}
 {{include file="channel.tpl" channel=$chn}}
 {{/foreach}} 
+</div>
 
 <div class="channels-end all"></div>