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 <[email protected]>

Author: CarlSchwan

core/src/components/HeaderMenu.vue

@@ -195,7 +195,7 @@ export default {
 		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);
 	}
 

core/src/components/UnifiedSearch/SearchResult.vue

@@ -169,6 +169,7 @@ $margin: 10px;
 
 .unified-search__result {
 	display: flex;
+	align-items: center;
 	height: $clickable-area;
 	padding: $margin;
 	border-bottom: 1px solid var(--color-border);

core/src/views/UnifiedSearch.vue

@@ -713,6 +713,10 @@ $input-padding: 6px;
 		}
 	}
 
+	&__form-input {
+		margin: 0 !important;
+	}
+
 	&__input-row {
 		display: flex;
 		width: 100%;
@@ -799,11 +803,15 @@ $input-padding: 6px;
 		&-header {
 			display: block;
 			margin: $margin;
+			margin-bottom: $margin - 4px;
 			margin-left: $margin + $input-padding;
 			color: var(--color-primary-element);
 			font-weight: normal;
 			font-size: 18px;
 		}
+		display: flex;
+		flex-direction: column;
+		gap: 4px;
 	}
 
 	.unified-search__result-more::v-deep {