From e401e8f1cf4c2c1dcf9fd56b5432e748d3b3fec0 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Wed, 2 Oct 2024 08:22:38 -0700
Subject: [PATCH] Fix response header table sizing

---
 src-web/components/core/KeyValueRow.tsx | 19 ++++++++++++-------
 src-web/hooks/useHttpRequestActions.ts  |  1 -
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src-web/components/core/KeyValueRow.tsx b/src-web/components/core/KeyValueRow.tsx
index 4d3b5c39..f4f2e7c7 100644
--- a/src-web/components/core/KeyValueRow.tsx
+++ b/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',
diff --git a/src-web/hooks/useHttpRequestActions.ts b/src-web/hooks/useHttpRequestActions.ts
index a59baf87..ada41322 100644
--- a/src-web/hooks/useHttpRequestActions.ts
+++ b/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;
     },
   });