diff options
| author | HampusM <hampus@hampusmat.com> | 2021-06-07 21:14:16 +0200 |
|---|---|---|
| committer | HampusM <hampus@hampusmat.com> | 2021-06-07 21:14:16 +0200 |
| commit | f74437aee4e9b6313f6ab0257ee9351e8cc0cf2a (patch) | |
| tree | c4320a6ffae5abe07003dc15b67613a658a5dc59 /packages/client/src/components/HomeProjectsHeader.vue | |
| parent | 3b2dd08b8e5136431288ce1d34a019733d569d89 (diff) | |
Improved the size and positioning of the HomeProjectsHeader component
Diffstat (limited to 'packages/client/src/components/HomeProjectsHeader.vue')
| -rw-r--r-- | packages/client/src/components/HomeProjectsHeader.vue | 8 |
1 files changed, 5 insertions, 3 deletions
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; |