From 6f00a3129c380e4c35d414dd27668413993a6705 Mon Sep 17 00:00:00 2001
From: Eike Foken <kontakt@eikefoken.de>
Date: Thu, 1 Sep 2011 16:52:02 +0200
Subject: [PATCH] Add chevrons in toggleable menus

---
 application/views/header.php | 2 +-
 assets/css/style.css         | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/application/views/header.php b/application/views/header.php
index 31e2c57..51bfdad 100644
--- a/application/views/header.php
+++ b/application/views/header.php
@@ -57,7 +57,7 @@
 		$active_project = $this->project->getById($this->input->get('active_project'));
 ?>
 				<li>
-					<a href="javascript:void(0);" onclick="$(this).parent().toggleClass('active').find('ul').slideToggle();"><?=_('Project');?> <?=$active_project['name'];?></a>
+					<a href="javascript:void(0);" onclick="$(this).parent().toggleClass('active').find('ul').toggle();"><?=_('Project');?> <?=$active_project['name'];?></a>
 					<ul>
 						<li><a href="<?=site_url('projects/detail/' . $active_project['id']);?>" title="<?=_('Show overview');?>"><?=_('Overview');?></a></li>
 						<li><a href="<?=site_url('trials/create/' . $active_project['id']);?>" title="<?=sprintf(_('Create a new trial for the project &quot;%s&quot;'), $active_project['name']);?>"><?=_('New trial');?></a></li>
diff --git a/assets/css/style.css b/assets/css/style.css
index 35a7965..da2a106 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -178,6 +178,9 @@ div.error {
 }
 
 .navigation ul li a {
+	background: url(../images/icons/chevron-small.png) -2px center no-repeat;
+	padding-left: 16px;
+	margin-left: -7px;
 	color: #666;
 	height: 100%;
 	width: 100%;
@@ -189,6 +192,7 @@ div.error {
 }
 
 .navigation ul li.active a {
+	background: url(../images/icons/chevron-small-expand.png) -2px center no-repeat;
 	color: #fff;
 }
 
@@ -205,6 +209,9 @@ div.error {
 }
 
 .navigation ul li ul li a {
+	background: none;
+	padding: 0;
+	margin: 0;
 	color: #0088cc;
 }
 
@@ -310,7 +317,6 @@ div.error {
 	background: #fff;
 	border: 1px solid #e8e8e8;
 	padding: 15px;
-	height: 12px;
 	clear: both;
 }