From d85781d5f4b7b46496cd93bb31df1d68f7ad2145 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Thu, 7 Sep 2017 10:48:38 +0200
Subject: [PATCH] Allow counter inside a to be clickable
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 core/css/apps.scss | 65 +++++++++++++++++++++++++---------------------
 1 file changed, 36 insertions(+), 29 deletions(-)

diff --git a/core/css/apps.scss b/core/css/apps.scss
index 1c99a80f26..f23d1b420f 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -122,7 +122,8 @@ kbd {
 			background-size: 16px 16px;
 			background-position: 14px center;
 			background-repeat: no-repeat;
-			display: block;
+			display: inline-flex;
+			justify-content: space-between;
 			width: 100%;
 			line-height: 44px;
 			min-height: 44px;
@@ -142,6 +143,10 @@ kbd {
 			&[class*='icon-'] {
 				padding-left: 44px;
 			}
+			/* Counter can also be inside the link */
+			.app-navigation-entry-utils-counter {
+				padding-right: 0 !important;
+			}
 		}
 	}
 	> {
@@ -294,38 +299,40 @@ kbd {
 			width: 44px !important;
 			height: 44px;
 		}
-	}
-	.app-navigation-entry-utils button {
-		height: 100%;
-		width: 100%;
-		margin: 0;
-		box-shadow: none;
-	}
-	.app-navigation-entry-utils-menu-button {
 		button {
-			border: 0;
-			opacity: .5;
-			background-color: transparent;
-			background-repeat: no-repeat;
-			background-position: center;
-			background-image: url('../img/actions/more.svg?v=1');
+			height: 100%;
+			width: 100%;
+			margin: 0;
+			box-shadow: none;
 		}
-		&:hover button,
-		&:focus button {
-			background-color: transparent;
-			opacity: 1;
+		.app-navigation-entry-utils-menu-button {
+			button {
+				border: 0;
+				opacity: .5;
+				background-color: transparent;
+				background-repeat: no-repeat;
+				background-position: center;
+				background-image: url('../img/actions/more.svg?v=1');
+			}
+			&:hover button,
+			&:focus button {
+				background-color: transparent;
+				opacity: 1;
+			}
+		}
+		.app-navigation-entry-utils-counter {
+			overflow: hidden;
+			text-overflow: hidden;
+			text-align: right;
+			font-size: 9pt;
+			width: 38px;
+			line-height: 44px;
+			padding: 0 12px; /* Same padding as all li > a in the app-navigation */
 		}
 	}
-	.app-navigation-entry-utils-counter {
-		overflow: hidden;
-		text-overflow: hidden;
-		text-align: right;
-		font-size: 9pt;
-		width: 38px;
-		line-height: 44px;
-		padding: 0 10px;
-	}
-	.app-navigation-entry-utils ul, .app-navigation-entry-menu ul {
+	
+	.app-navigation-entry-utils ul,
+	.app-navigation-entry-menu ul {
 		list-style-type: none;
 	}