Fix response header table sizing

src-web/components/core/KeyValueRow.tsx

@@ -1,13 +1,13 @@
 import classNames from 'classnames';
 import type { HTMLAttributes, ReactElement, ReactNode } from 'react';
 
-export function KeyValueRows({
-  children,
-}: {
+interface Props {
   children:
     | ReactElement<HTMLAttributes<HTMLTableColElement>>
     | ReactElement<HTMLAttributes<HTMLTableColElement>>[];
-}) {
+}
+
+export function KeyValueRows({ children }: Props) {
   children = Array.isArray(children) ? children : [children];
   return (
     <table className="text-xs font-mono min-w-0 w-full mb-auto">
@@ -20,19 +20,24 @@ export function KeyValueRows({
   );
 }
 
-interface Props {
+interface KeyValueRowProps {
   label: ReactNode;
   value: ReactNode;
   labelClassName?: string;
   labelColor?: 'secondary' | 'primary' | 'info';
 }
 
-export function KeyValueRow({ label, value, labelColor = 'secondary', labelClassName }: Props) {
+export function KeyValueRow({
+  label,
+  value,
+  labelColor = 'secondary',
+  labelClassName,
+}: KeyValueRowProps) {
   return (
     <>
       <td
         className={classNames(
-          'py-0.5 pr-2 select-text cursor-text',
+          'py-0.5 pr-2 select-text cursor-text whitespace-nowrap',
           labelClassName,
           labelColor === 'primary' && 'text-primary',
           labelColor === 'secondary' && 'text-text-subtle',

src-web/hooks/useHttpRequestActions.ts

@@ -16,7 +16,6 @@ export function useHttpRequestActions() {
       const responses = (await invokeCmd(
         'cmd_http_request_actions',
       )) as GetHttpRequestActionsResponse[];
-      console.log('REQUEST ACTIONS', responses);
       return responses;
     },
   });