Fix padding on CopyableInput

The width of the button increased in some previous unrelated change,
but the margin was not updated accordingly. Here the button is shrunk
in width a bit (by adjusting the padding) and the padding of the
textbox/input is adjusted accordingly.

frontend/src/ui/Input.tsx

@@ -85,12 +85,11 @@ export const CopyableInput: React.FC<CopyableInputProps> = ({
  };
 
  const copyableInputId = useId();
- const buttonSize = 34;
  const sharedStyle = {
  ...style(false),
  width: "100%",
  height: "100%",
- padding: `4px ${buttonSize + 10}px 4px 10px`,
+ padding: "4px 50px 4px 10px",
  };
  const sharedProps = {
  disabled: true,
@@ -118,6 +117,8 @@ export const CopyableInput: React.FC<CopyableInputProps> = ({
  kind="happy"
  onClick={copy}
  css={{
+ paddingLeft: 10,
+ paddingRight: 10,
  borderRadius: 4,
  borderTopLeftRadius: 0,
  height: 34,