From c6ac46fe92c202d069ee30c78c3e852a4f435158 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Sun, 10 Sep 2017 16:50:35 +0200
Subject: [PATCH] Fix menu submenu after
 eec58ae32b0adf35af3aa550c1b1fe21bc2e963a
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 | 37 +++++++++++++++++++++++--------------
 1 file changed, 23 insertions(+), 14 deletions(-)

diff --git a/core/css/apps.scss b/core/css/apps.scss
index d90ed9f3d1..e67db017d9 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -103,9 +103,6 @@ kbd {
 		> li {
 			display: inline-flex;
 			flex-wrap: wrap;
-			position: relative;
-			width: 100%;
-			box-sizing: border-box;
 			&:focus,
 			&:hover,
 			&.active,
@@ -138,6 +135,11 @@ kbd {
 					}
 				}
 			}
+		}
+		li {
+			position: relative;
+			width: 100%;
+			box-sizing: border-box;
 			> a {
 				background-size: 16px 16px;
 				background-position: 14px center;
@@ -154,6 +156,7 @@ kbd {
 				color: $color-main-text;
 				opacity: .57;
 				flex: 1 1 0;
+				/* TODO: forbid using img as icon in menu? */
 				&:first-child img {
 				    margin-bottom: -3px;
 				    margin-right: 11px;
@@ -163,7 +166,7 @@ kbd {
 
 				/* Add padding if an icon is set with a class or an inline style */
 				&[class*='icon-'],
-				&[style*="background-image:"] {
+				&[style*='background-image:'] {
 					padding-left: 44px;
 				}
 
@@ -176,8 +179,9 @@ kbd {
 					}
 				}
 			}
+
+			/* Popover fix the flex positionning of the li parent */
 			> .app-navigation-entry-menu {
-				/* fix the flex positionning of the li parent */
 				top: 44px;
 			}
 
@@ -193,6 +197,7 @@ kbd {
 				}
 			}
 		}
+
 		.collapsible.open {
 			ul {
 				display: block;
@@ -333,8 +338,6 @@ kbd {
 			width: 100%;
 		}
 		input {
-			border-bottom-right-radius: 0;
-			border-top-right-radius: 0;
 			padding: 5px;
 			margin-right: 0;
 			height: 38px;
@@ -343,17 +346,23 @@ kbd {
 		input[type='text'] {
 			width: 100%;
 			flex: 1 1 0;
+			border-bottom-right-radius: 0;
+			border-top-right-radius: 0;
 		}
 		button,
-		input {
+		input:not([type='text']) {
 			width: 36px;
 			height: 38px;
-		}
-		.icon-checkmark {
-			border-bottom-left-radius: 0;
-			border-top-left-radius: 0;
-			border-left: 0;
-			margin-right: 0;
+			&:not(:last-child) {
+				border-radius: 0;
+				border-left: 0;
+			}
+			&:last-child {
+				border-bottom-left-radius: 0;
+				border-top-left-radius: 0;
+				border-left: 0;
+				margin-right: 0;	
+			}
 		}
 	}