Skip to content

Commit 9880e40

Browse files
authored
Equalize flyout grid spacing (#602)
The version and language looked a little heavy on margin compared to the logo. This reduces the grid gap to bring these closer together and spaces out the logo to make the gap more equal. ![image](https://github.com/user-attachments/assets/e1e66aa2-70e2-4d8f-a365-796e8e833be6)
1 parent 6d61fba commit 9880e40

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

src/flyout.css

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@
6666
header {
6767
display: flex;
6868
flex-flow: row nowrap;
69-
gap: 1em;
69+
gap: 0.5em;
7070
align-items: center;
7171
cursor: pointer;
7272
background-color: var(--readthedocs-flyout-background-color);
@@ -80,6 +80,7 @@ header > img.logo {
8080
max-height: 1.5em;
8181
width: auto;
8282
padding: 0.5em 0em;
83+
margin-right: 0.75em;
8384
/* Don't grow past content size, do shrink down to min-content */
8485
flex: 0 1 auto;
8586
}

0 commit comments

Comments
 (0)