Fixes nextcloud/gallery#269

Signed-off-by: Marin Treselj <marin@pixelipo.com>

core/css/header.scss

@@ -141,18 +141,18 @@
 		vertical-align: middle;
 	}
 
-	#header-left,
-	#header-right {
+	.header-left,
+	.header-right {
 		display: inline-flex;
 		align-items: center;
 	}
 
-	#header-left {
+	.header-left {
 		flex: 0 0;
 		flex-grow: 1;
 	}
 
-	#header-right {
+	.header-right {
 		justify-content: flex-end;
 	}
 }

core/js/js.js

@@ -1203,7 +1203,7 @@ OC.Notification={
 
 	/**
 	 * Updates (replaces) a sanitized notification.
-	 * 
+	 *
 	 * @param {string} text Message to display
 	 * @return {jQuery} JQuery element for notificaiton row
 	 */
@@ -1512,7 +1512,7 @@ function initCore() {
 
 	var resizeMenu = function() {
 		var appList = $('#appmenu li');
-		var headerWidth = $('#header-left').width() - $('#nextcloud').width()
+		var headerWidth = $('.header-left').width() - $('#nextcloud').width()
 		var usePercentualAppMenuLimit = 0.33;
 		var minAppsDesktop = 8;
 		var availableWidth = headerWidth - $(appList).width();

core/templates/layout.user.php

@@ -43,7 +43,7 @@
 		<div id="notification"></div>
 	</div>
 	<header role="banner"><div id="header">
-			<div id="header-left">
+			<div class="header-left">
 				<a href="<?php print_unescaped(link_to('', 'index.php')); ?>"
 					id="nextcloud" tabindex="1">
 					<div class="logo-icon">
@@ -109,7 +109,7 @@
 
 			</div>
 
-			<div id="header-right">
+			<div class="header-right">
 				<form class="searchbox" action="#" method="post" role="search" novalidate>
 					<label for="searchbox" class="hidden-visually">
 						<?php p($l->t('Search'));?>