Made the global settings icon accessable via keyboard.

Bug http://bugs.owncloud.org/thebuggenie/owncloud/issues/oc-561

core/js/js.js

@@ -419,6 +419,11 @@ $(document).ready(function(){
 		}
 	});
 
+	$('#settings #expand').keydown(function(event) {
+		if (event.which == 13 || event.which == 32) {
+			$('#expand').click()
+		}
+	});
 	$('#settings #expand').click(function(event) {
 		$('#settings #expanddiv').slideToggle();
 		event.stopPropagation();

core/templates/layout.user.php

@@ -44,7 +44,7 @@
 			</ul>
 
 			<ul id="settings" class="svg">
-				<img id="expand" class="svg" alt="<?php echo $l->t('Settings');?>" src="<?php echo image_path('', 'actions/settings.svg'); ?>" />
+				<img role=button tabindex=0 id="expand" class="svg" alt="<?php echo $l->t('Settings');?>" src="<?php echo image_path('', 'actions/settings.svg'); ?>" />
 				<span><?php echo $l->t('Settings');?></span>
 				<div id="expanddiv" <?php if($_['bodyid'] == 'body-user') echo 'style="display:none;"'; ?>>
 				<?php foreach($_['settingsnavigation'] as $entry):?>