minor UI tweaks

sitecompanion/popup.css

@@ -47,7 +47,8 @@ body {
   font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
   color: var(--ink);
   background: var(--page-bg);
-  --output-max-height-base: 280px;
+  --control-height: 30px;
+  --output-max-height-base: 276px;
   --output-height-delta: 0px;
 }
 
@@ -121,7 +122,8 @@ label {
 
 select {
   width: 100%;
-  padding: 6px 8px;
+  height: var(--control-height);
+  padding: 0 8px;
   border-radius: 10px;
   border: 1px solid var(--border);
   background: var(--input-bg);
@@ -140,6 +142,49 @@ select {
   margin: 0;
 }
 
+.env-profile-summary {
+  display: none;
+  align-items: center;
+  gap: 8px;
+  font-size: 11px;
+  color: var(--muted);
+  margin-bottom: 8px;
+  font-style: italic;
+}
+
+.env-profile-item {
+  flex: 1;
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+body.always-default-env-profile .selector-row {
+  display: none;
+}
+
+body.always-default-env-profile .env-profile-summary {
+  display: flex;
+  margin-bottom: 8px;
+}
+
+body.always-default-env-profile:not(.custom-task-mode) .config-block {
+  row-gap: 0;
+}
+
+body.always-default-env-profile:not(.custom-task-mode) {
+  --output-max-height-base: 309px;
+}
+
+body.custom-task-mode .env-profile-summary {
+  display: none;
+}
+
+body.custom-task-mode.always-default-env-profile .selector-row {
+  display: flex;
+}
+
 .task-row {
   display: flex;
   align-items: flex-end;
@@ -147,7 +192,7 @@ select {
 }
 
 .task-row button {
-  padding: 6px 15px;
+  padding: 0 15px;
 }
 
 .task-row .task-field {
@@ -254,11 +299,18 @@ button {
   font-family: inherit;
   border: none;
   border-radius: 10px;
-  padding: 6px 10px;
+  padding: 0 10px;
   cursor: pointer;
   transition: transform 0.15s ease, box-shadow 0.15s ease;
 }
 
+button.control-btn {
+  height: var(--control-height);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
 button:disabled {
   opacity: 0.5;
   cursor: not-allowed;