From 3ff60c3af87075d01a860d1daaacca6741c1ab95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Sun, 17 Sep 2017 18:12:15 +0200
Subject: [PATCH] create special class forst first pinned class occurrence
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 apps/files/templates/appnavigation.php | 7 +++++--
 core/css/apps.scss                     | 7 +++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/apps/files/templates/appnavigation.php b/apps/files/templates/appnavigation.php
index c6c0ba36518..09b02943688 100644
--- a/apps/files/templates/appnavigation.php
+++ b/apps/files/templates/appnavigation.php
@@ -1,7 +1,10 @@
 <div id="app-navigation">
 	<ul class="with-icon">
-		<?php foreach ($_['navigationItems'] as $item) { ?>
-		<li data-id="<?php p($item['id']) ?>" class="nav-<?php p($item['id']) ?> <?php p($item['classes']) ?>">
+	<?php $pinned = 0 ?>
+		<?php foreach ($_['navigationItems'] as $item) {
+			strpos($item['classes'], 'pinned')!==false ? $pinned++ : '';
+		?>
+		<li data-id="<?php p($item['id']) ?>" class="nav-<?php p($item['id']) ?> <?php p($item['classes']) ?> <?php p($pinned===1?'first-pinned':'') ?>">
 			<a href="<?php p(isset($item['href']) ? $item['href'] : '#') ?>"
 				class="nav-icon-<?php p($item['icon'] !== '' ? $item['icon'] : $item['id']) ?> svg">
 				<?php p($item['name']);?>
diff --git a/core/css/apps.scss b/core/css/apps.scss
index a1723bb818f..461ddbb5065 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -111,10 +111,9 @@ kbd {
 			/* Pinned-to-bottom entries */
 			&.pinned {
 				order: 2;
-			}
-			/* hack, select first occurence of class */
-			&[class*='pinned']:not(:last-of-type) {
-				margin-top: auto !important;
+				&.first-pinned {
+					margin-top: auto !important;
+				}
 			}
 
 			> a,