fix: spacing + friends (#6550)

apps/app-frontend/src/components/ui/friends/FriendsList.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { MailIcon, SendIcon, UserIcon, UserPlusIcon, XIcon } from '@modrinth/assets'
+import { MailIcon, SearchIcon, SendIcon, UserIcon, UserPlusIcon, XIcon } from '@modrinth/assets'
 import {
 	Avatar,
 	ButtonStyled,
@@ -301,11 +301,12 @@ const messages = defineMessages({
 			</ButtonStyled>
 			<StyledInput
 				v-model="search"
+				:icon="SearchIcon"
 				type="text"
 				:placeholder="formatMessage(messages.searchFriends)"
 				clearable
-				variant="outlined"
+				input-class="!bg-transparent !border !border-solid !border-button-bg !text-primary !placeholder:text-primary"
-				wrapper-class="flex-1"
+				wrapper-class="flex-1 [&>svg]:!text-primary [&>svg]:!opacity-100"
 				@keyup.esc="search = ''"
 			/>
 		</template>

packages/ui/src/layouts/shared/content-tab/components/ContentModpackCard.vue

@@ -154,10 +154,19 @@ onUnmounted(() => {
 						>
 							{{ project.title }}
 						</AutoLink>
-						<span v-if="project.filename" class="truncate text-secondary mb-2">
+						<span
+							v-if="project.filename && (owner || version)"
+							class="truncate text-secondary mb-2"
+						>
 							{{ project.filename }}
 						</span>
 					</div>
+					<div
+						v-if="project.filename && !(owner || version)"
+						class="flex min-h-8 min-w-0 items-center text-secondary"
+					>
+						<span class="truncate">{{ project.filename }}</span>
+					</div>
 					<div
 						v-if="owner || version"
 						class="flex flex-nowrap items-center gap-2 overflow-hidden text-secondary"