From 4e60880b8f828c01fd784a452fe5f47a33c877e9 Mon Sep 17 00:00:00 2001
From: Evan Simkowitz <esimkowitz@users.noreply.github.com>
Date: Tue, 3 Sep 2024 23:14:22 -0700
Subject: [PATCH] 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.
---
 frontend/app/block/block.less | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

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