ui improvements on the manage page

3 files changed, 17 insertions, 9 deletions

diff --git a/view/css/mod_manage.css b/view/css/mod_manage.css
index 58f9d3159..4780820ba 100644
--- a/view/css/mod_manage.css
+++ b/view/css/mod_manage.css
@@ -1,8 +1,7 @@
 #channels-selected {
 	color: #666666;
-	font-size: 1.2em;
-	width: 120px;
-	margin: 20px auto 10px auto;
+	font-size: 0.8em;
+
 }
 
 #channels-desc {
@@ -12,9 +11,16 @@
 	margin-bottom: 20px;
 }
 
+.channels-break {
+	margin-bottom: 15px;
+}
 #selected-channel {
-	width: 200px;
-	margin: 0px auto 0px auto;
+	float: left;
+	margin-left: 0;
+}
+
+.channels-end.selected {
+	clear: both;
 }
 
 #selected-channel .channel-selection {
@@ -31,6 +37,7 @@
 #all-channels .channel-selection {
 	width: 120px;
 	float: left;
+	margin-bottom: 15px;
 }
 .channels-end {
 	clear: both;
diff --git a/view/tpl/channel.tpl b/view/tpl/channel.tpl
index d6462d1e4..1ed2fbd2c 100755
--- a/view/tpl/channel.tpl
+++ b/view/tpl/channel.tpl
@@ -1,9 +1,9 @@
 <div class="channel-selection">
 {{if $channel.default_links}}
 {{if $channel.default}}
-<div class="channel-selection-default default">{{$msg_default}}</div>
+<div class="channel-selection-default default"><i class="icon-check"></i> {{$msg_default}}</div>
 {{else}}
-<div class="channel-selection-default"><a href="manage/{{$channel.channel_id}}/default">{{$msg_make_default}}</a></div>
+<div class="channel-selection-default"><a href="manage/{{$channel.channel_id}}/default"><i class="icon-check-empty" title="{{$msg_make_default}}"></i></a></div>
 {{/if}}
 {{/if}}
 <a href="{{$channel.link}}" class="channel-selection-photo-link" title="{{$channel.channel_name}}"><img class="channel-photo" src="{{$channel.xchan_photo_m}}" alt="{{$channel.channel_name}}" /></a>
diff --git a/view/tpl/channels.tpl b/view/tpl/channels.tpl
index af6b36b1d..2c31cb498 100755
--- a/view/tpl/channels.tpl
+++ b/view/tpl/channels.tpl
@@ -6,6 +6,7 @@
 <a class="channels-links" href="{{$l.0}}" title="{{$l.1}}">{{$l.2}}</a>
 {{/foreach}}
 {{/if}} 
+<div class="channels-break"></div>
 
 {{if $channel_usage_message}}
 <div id="channel-usage-message" class="usage-message">
@@ -16,10 +17,10 @@
 <div id="selected-channel">
 <div id="channels-selected">{{$msg_selected}}</div>
 {{include file="channel.tpl" channel=$selected}}
-<div class="channels-end selected"></div>
 </div>
+<div class="channels-end selected"></div>
 {{/if}}
-
+<br />
 <div id="channels-desc" class="descriptive-text">{{$desc}}</div>
 
 <div id="all-channels">