From 9e045447f7a0a4de9ed2b70b09d027eda2036693 Mon Sep 17 00:00:00 2001
From: Carl Schwan <carl@carlschwan.eu>
Date: Thu, 8 Sep 2022 14:28:54 +0200
Subject: Fix UnifiedSearch

- Fix too big margins
- Fix horizontal scrolbar (caused by margin in text field)
- Add some spacing between the items (4px)
- Center items (I love flex)

Signed-off-by: Carl Schwan <carl@carlschwan.eu>
---
 core/src/components/HeaderMenu.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'core/src/components/HeaderMenu.vue')

diff --git a/core/src/components/HeaderMenu.vue b/core/src/components/HeaderMenu.vue
index 9a78b769dc3..172ea7268d8 100644
--- a/core/src/components/HeaderMenu.vue
+++ b/core/src/components/HeaderMenu.vue
@@ -161,6 +161,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+$externalMargin: 8px;
+
 .header-menu {
 	&__trigger {
 		display: flex;
@@ -191,11 +193,11 @@ export default {
 		top: 50px;
 		right: 0;
 		box-sizing: border-box;
-		margin: 0;
+		margin: 0 $externalMargin;
 		border-radius: 0 0 var(--border-radius) var(--border-radius);
 		background-color: var(--color-main-background);
 		filter: drop-shadow(0 1px 5px var(--color-box-shadow));
-		padding: 20px;
+		padding: 8px;
 		border-radius: var(--border-radius-large);
 	}
 
@@ -215,7 +217,7 @@ export default {
 	&__content {
 		overflow: auto;
 		width: 350px;
-		max-width: 100vw;
+		max-width: calc(100vw - 2 * $externalMargin);
 		min-height: calc(44px * 1.5);
 		max-height: calc(100vh - 50px * 2);
 	}
-- 
cgit v1.2.3

