question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Reduce Header padding to match the UI

See original GitHub issue

Is your feature request related to a problem? Please describe. The Header in the new update is extremely big and does not match the Insomnia UI I have been using for years. image

Describe the solution you’d like I have added padding: 0.65rem; to .app-header class, which makes the UI look much cleaner and uniformed. image (1)

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:11 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
K2ouMaiscommented, Mar 26, 2021

@sonicyeti

How do you have your header like that? I am also in the newest version and my header looks different.

{90F70030-D502-441E-B88A-39300E214D6C}

Any plugins installed?

1reaction
nijikokuncommented, Mar 8, 2021

The increased height is partially due to the padding of the settings & login items in addition to their icon font size. We pick up about 6px by dropping the font size from xl to lg. See attached.

From observation it seems we can definitely reduce the sizing of the icons as the account icon looks stretched in the current version with the default font size.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Reduce border padding on button in header - Stack Overflow
The border already inherits a 10px padding. I want to bring the padding down to 5px to shrink the border distance however, changing...
Read more >
How to Remove the Space Between the Header and Page ...
Learn how to remove extra space between the WordPress header and body ... The margins and padding are added to a wrapper element...
Read more >
padding - CSS: Cascading Style Sheets - MDN Web Docs
The padding CSS shorthand property sets the padding area on all four sides of an element at once.
Read more >
How to Set CSS Margins and Padding (And Cool Layout Tricks)
The trick is to set the height of the parent element to zero and its padding-top property to be equal to the value...
Read more >
Reduce Header Padding - Have Tried EVERYTHING!
Site URL: https://childbirthessentials.squarespace.com/ Hey everyone! First time posting on here. I'm creating a website for a friend, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found