From f74437aee4e9b6313f6ab0257ee9351e8cc0cf2a Mon Sep 17 00:00:00 2001
From: HampusM <hampus@hampusmat.com>
Date: Mon, 7 Jun 2021 21:14:16 +0200
Subject: Improved the size and positioning of the HomeProjectsHeader component

---
 packages/client/src/components/HomeProjectsHeader.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'packages/client/src/components/HomeProjectsHeader.vue')

diff --git a/packages/client/src/components/HomeProjectsHeader.vue b/packages/client/src/components/HomeProjectsHeader.vue
index 6bc9a34..5966e99 100644
--- a/packages/client/src/components/HomeProjectsHeader.vue
+++ b/packages/client/src/components/HomeProjectsHeader.vue
@@ -1,11 +1,11 @@
 <template>
-	<div class="row mx-0">
-		<div id="projects-header" class="col ms-4">
+	<div class="d-flex align-items-center flex-wrap">
+		<div id="projects-header" class="ms-4">
 			<span class="fs-1">
 				Projects
 			</span>
 		</div>
-		<div id="projects-search" class="col d-flex justify-content-end">
+		<div id="projects-search" class="d-flex">
 			<form>
 				<input type="search" name="q">
 				<input
@@ -30,6 +30,8 @@ export default {
 
 #projects-search {
 	align-items: center;
+	margin-left: auto;
+	margin-right: 15px;
 	form {
 		display: flex;
 		align-items: center;
-- 
cgit v1.2.3-18-g5258

