improved design

Signed-off-by: Jonathan Treffler <[email protected]>
nextcloud-libraries · Sep 26, 2020 · 5e7e395 · 5e7e395
1 parent 8f311ed
commit 5e7e395
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/AppNavigationItem/AppNavigationItem.vue b/src/components/AppNavigationItem/AppNavigationItem.vue
@@ -539,6 +539,7 @@ export default {
 			max-width: 100%;
 			white-space: nowrap;
 			text-overflow: ellipsis;
+			padding-left: 6px;
 		}
 	}
 
@@ -575,7 +576,8 @@ export default {
 
 .app-navigation-entry__inline-input-container {
 	flex: 1 0 100%;
-	width: calc(100% - #{$clickable-area});
+	max-width: calc(100% - #{$clickable-area});
+	margin: auto;
 	/* Ugly hack for overriding the main entry link */
 	/* align the input correctly with the link text
 	44px-6px padding for the input */
@@ -584,6 +586,7 @@ export default {
 		display: flex;
 		.app-navigation-entry__inline-input {
 			flex: 1 1 100%;
+			font-size: 14px;
 		}
 
 		// submit and cancel buttons