Clean up spacing and padding of elements in the block header (#318)

This frees up some more space for content that was previously being
eaten up by unnecessary gaps and padding. It also centers some
off-center icons.
This commit is contained in:
Evan Simkowitz 2024-09-03 23:14:22 -07:00 committed by GitHub
parent 7bc154771a
commit 4e60880b8f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -79,7 +79,6 @@
padding: 4px 5px 4px 10px; padding: 4px 5px 4px 10px;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
align-self: stretch;
font: var(--header-font); font: var(--header-font);
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
border-radius: var(--block-border-radius) var(--block-border-radius) 0 0; border-radius: var(--block-border-radius) var(--block-border-radius) 0 0;
@ -150,7 +149,6 @@
.connection-button { .connection-button {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 2px;
flex-wrap: nowrap; flex-wrap: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -158,7 +156,7 @@
font-weight: 400; font-weight: 400;
color: var(--main-text-color); color: var(--main-text-color);
border-radius: 2px; border-radius: 2px;
padding-right: 2px; padding: auto;
&:hover { &:hover {
background-color: var(--highlight-bg-color); background-color: var(--highlight-bg-color);
@ -190,7 +188,6 @@
height: 100%; height: 100%;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding-left: 7px;
.input-wrapper { .input-wrapper {
flex-grow: 1; flex-grow: 1;