interface: changes wrapping behavior

Fixes https://github.com/urbit/landscape/issues/325

pkg/interface/src/views/apps/profile/components/lib/BackgroundPicker.tsx

@@ -32,7 +32,7 @@ export function BackgroundPicker({
   return (
     <Col>
       <Label mb="2">Landscape Background</Label>
-      <Row {...rowSpace}>
+      <Row flexWrap="wrap" {...rowSpace}>
         <Radio {...radioProps} label="Image" id="url" />
         {bgType === "url" && (
           <ImageInput

pkg/interface/src/views/apps/profile/components/settings.tsx

@@ -23,7 +23,7 @@ export default function Settings({
       gridTemplateColumns="1fr"
       gridRowGap={7}
       p={4}
-      maxWidth="400px"
+      maxWidth="500px"
     >
       <DisplayForm
         api={api}

pkg/interface/src/views/components/ImageInput.tsx

@@ -69,6 +69,7 @@ export function ImageInput(props: ImageInputProps) {
               border={1}
               borderColor="lightGray"
               onClick={onClick}
+              flexShrink={0}
             >
               {uploading ? "Uploading" : "Upload"}
             </Button>