From d96a4846b2adf499732e931fcb29d7c9a5325fcd Mon Sep 17 00:00:00 2001
From: Daniel <Daniel@Daniel-PC.speedport.ip>
Date: Thu, 24 Apr 2014 13:45:23 +0200
Subject: [PATCH] manage users design

---
 views/html/characters/manage.tpl | 24 +++++++++---------------
 www/css/desktop.css              | 13 ++++---------
 2 files changed, 13 insertions(+), 24 deletions(-)

diff --git a/views/html/characters/manage.tpl b/views/html/characters/manage.tpl
index 17a2c82b..b9dd9978 100644
--- a/views/html/characters/manage.tpl
+++ b/views/html/characters/manage.tpl
@@ -3,13 +3,15 @@
 	<img src="<?=$linker->link(array('media','seminaryheader',$seminary['url']))?>">
 </div>
 <?php endif ?>
-<h1><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></h1>
-<h2><?=_('Characters')?></h2>
-<h3><?=_('Manage')?></h3>
+<ul class="breadcrumbs">
+	<li><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></li>
+	<li><i class="fa fa-chevron-right fa-fw"></i><?=_('Characters')?></li>
+</ul>
+<h1><?=_('Manage')?></h1>
 
 <form method="post">
 	<fieldset>
-		<legend><?=_('Selection')?></legend>
+		<legend><?=_('Selection')?>:</legend>
 		<ul class="gchars cf">
 			<?php foreach($characters as &$character) : ?>
 			<li>
@@ -18,17 +20,9 @@
 					<p><img src="<?=$linker->link(array('media','avatar',$seminary['url'],$character['charactertype_url'],$character['xplevel']['level'],'portrait'))?>"></p>
 					<p><a href="<?=$linker->link(array('characters','character',$seminary['url'],$character['url']))?>"><?=$character['name']?></a></p>
 					<p><small><?=$character['xps']?> XP</small></p>
-					<ul>
-						<?php if(in_array('admin', $character['characterroles'])) : ?>
-						<li><?=_('Admin')?></li>
-						<?php endif ?>
-						<?php if(in_array('moderator', $character['characterroles'])) : ?>
-						<li><?=_('Moderator')?></li>
-						<?php endif ?>
-						<?php if(in_array('user', $character['characterroles'])) : ?>
-						<li><?=_('User')?></li>
-						<?php endif ?>
-					</ul>
+					<?php if(in_array('admin', $character['characterroles'])) : ?><p><small><?=_('Admin')?></small></p><?php endif ?>
+					<?php if(in_array('moderator', $character['characterroles'])) : ?><p><small><?=_('Moderator')?></small></p><?php endif ?>
+					<?php if(in_array('user', $character['characterroles'])) : ?><p><small><?=_('User')?></small></p><?php endif ?>
 				</label>
 			</li>
 			<?php endforeach ?>
diff --git a/www/css/desktop.css b/www/css/desktop.css
index f4905c16..c6d2371d 100644
--- a/www/css/desktop.css
+++ b/www/css/desktop.css
@@ -29,8 +29,7 @@ sup{top:-.5em}
 sub{bottom:-.25em}
 svg:not(:root){overflow:hidden}
 figure{margin:0}
-fieldset{border:0;margin:0;padding:0}
-legend{border:0;padding:0;margin-bottom:15px}
+fieldset,legend{border:0;margin:0 0 10px;padding:0}
 button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
 button,input{line-height:normal}
 button,select{text-transform:none}
@@ -189,10 +188,9 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 .gdata{margin:20px 0 40px 0}
 .gdata li{float:left;background:#fff;padding:5px 15px;margin:0 5px 5px 0;border-radius:3px}
 
-.gchars li{background:#fff;padding:15px 0;border-radius:3px;float:left;margin-bottom:5px;width:49%}
-.gchars li:nth-child(even){float:right}
+.gchars li{background:#fff;padding:15px 0;border-radius:3px;display:inline-block;margin-bottom:5px;width:49%;text-align:center;vertical-align:top}
 .gchars img{width:50px;height:50px;border-radius:25px}
-.gchars p{margin:0;padding:0;text-align:center}
+.gchars p{margin:0;padding:0}
 .gchars .fa{position:absolute;margin:-10px 0 0}
 
 .gquests li{padding:12px 15px 0 15px;border-radius:3px}
@@ -296,8 +294,7 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 .gbanner img{float:left;margin:20px 20px 0 0}
 .gbanner h1{margin:25px 0 2px}
 
-.gchars li{width:32%;margin-right:5px}
-.gchars li:nth-child(even){float:left}
+.gchars li{width:32%}
 
 .achmnts .xpbar{width:89%}
 
@@ -341,8 +338,6 @@ menu a{padding:10px 0}
 article{padding:20px 40px 80px 40px}
 .moodpic{margin:-20px -40px 0 -40px}
 .breadcrumbs li{display:inline;padding-right:5px}
-
-.gchars li{width:19%}
 }
 
 @media only screen and (min-width:1366px){