Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Fix spacing between Seekra logo and slogan #109

Merged
jakob.scheid merged 4 commits from feature/vertical-spacing-slogan-logo into main 2026-06-04 13:22:17 +02:00
Conversation 1 Commits 4 Files Changed 1
+3 -2
johannes.vos commented 2026-06-04 13:16:43 +02:00
Member
Copy Link
Copy Source

Description

This PR addresses the cramped layout in the hero section by introducing a clean vertical spacing between the Seekra logo and the slogan text.

Instead of a fluid scaling or complex media queries, a consistent spacing of 1rem (16px) has been applied to maintain visual hierarchy and breathing room across all device sizes, keeping it predictable and aligned with the layout.

Related Issues

Closes #103

Changes

  • src/views/SearchView.vue:
    • Replaced margin: 0; with margin-top: 1rem; on the .slogan class.
    • Added line-height: normal; to ensure the bounding box of the text doesn't overlap with the logotype.

How to Test

  1. Open the start page/search view.
  2. Verify that there is a clear 16px gap between the bottom of the logo and the top of the slogan.
  3. Resize the viewport from desktop down to mobile width; the spacing should remain constant and readable.
## Description This PR addresses the cramped layout in the hero section by introducing a clean vertical spacing between the Seekra logo and the slogan text. Instead of a fluid scaling or complex media queries, a consistent spacing of `1rem` (`16px`) has been applied to maintain visual hierarchy and breathing room across all device sizes, keeping it predictable and aligned with the layout. ## Related Issues Closes #103 ## Changes - **`src/views/SearchView.vue`**: - Replaced `margin: 0;` with `margin-top: 1rem;` on the `.slogan` class. - Added `line-height: normal;` to ensure the bounding box of the text doesn't overlap with the logotype. ## How to Test 1. Open the start page/search view. 2. Verify that there is a clear `16px` gap between the bottom of the logo and the top of the slogan. 3. Resize the viewport from desktop down to mobile width; the spacing should remain constant and readable.
johannes.vos added this to the mvp-frontend milestone 2026-06-04 13:16:43 +02:00
johannes.vos added the
prio
low
area
startpage
type
feature
 labels 2026-06-04 13:16:43 +02:00
johannes.vos self-assigned this 2026-06-04 13:16:43 +02:00
johannes.vos added this to the MVP Frontend project 2026-06-04 13:16:43 +02:00
johannes.vos added 4 commits 2026-06-04 13:16:43 +02:00
style(search): add desktop vertical spacing and fix line-height for slogan 58e4640965
style(search): implement responsive mobile spacing for slogan via media query 65153db414
remove @media (max-width: 48rem) - unneccesary 08949d5bb4
remove unnecesary empty code lines f2f7e9e23c
johannes.vos moved this to Review in MVP Frontend on 2026-06-04 13:17:05 +02:00
jakob.gregory approved these changes 2026-06-04 13:18:33 +02:00
jakob.gregory marked the pull request as work in progress 2026-06-04 13:18:39 +02:00
jakob.gregory marked the pull request as ready for review 2026-06-04 13:18:49 +02:00
jakob.scheid merged commit 4e6c94afc8 into main 2026-06-04 13:22:17 +02:00
jakob.scheid deleted branch feature/vertical-spacing-slogan-logo 2026-06-04 13:22:17 +02:00
jakob.scheid moved this to Done in MVP Frontend on 2026-06-04 13:41:23 +02:00
Sign in to join this conversation.
Reviewers
No Reviewers
jakob.gregory
Labels
Clear labels
area/global
area
search-results
area
settings
area
startpage
prio
critical
prio
high
prio
low
prio
medium
type
bug
type
chore
type
docs
type
feature
type
refactor
type
testing
type/urgent
No Label
area
startpage
prio
low
type
feature
Milestone
No items
No Milestone mvp-frontend
Projects
Clear projects
No project MVP Frontend
Assignees
Clear assignees
jakob.gregory (Jakob Gregory) jakob.scheid (Jakob Scheid) johannes.vos (Johannes D. Vos)
No Assignees johannes.vos
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Seekra/frontend#109
Delete Branch "feature/vertical-spacing-slogan-logo"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?