improve deployment network, restart, termination signal config

ui/src/resources/deployment/config/network.tsx

@@ -68,7 +68,7 @@ export default function DeploymentNetworkSelector({
           }}
           disabled={disabled}
           data={networks}
-          w="fit-content"
+          w={{ base: "100%", xs: "fit-content" }}
           searchable
         />
       )}

ui/src/resources/deployment/config/restart.tsx

@@ -1,3 +1,4 @@
+import { fmtUpperCamelcase } from "@/lib/formatting";
 import { ConfigItem } from "@/ui/config/item";
 import { Select } from "@mantine/core";
 import { Types } from "komodo_client";
@@ -27,13 +28,11 @@ export default function DeploymentRestartSelector({
         disabled={disabled}
         placeholder="Select Mode"
         data={Object.entries(Types.RestartMode).map(([label, value]) => ({
-          label:
-            label === "NoRestart"
-              ? "don't restart"
-              : value.split("-").join(" "),
+          label: fmtUpperCamelcase(label),
           value,
         }))}
-        w="fit-content"
+        tt="capitalize"
+        w={{ base: "100%", xs: "fit-content" }}
       />
     </ConfigItem>
   );

ui/src/resources/deployment/config/termination.tsx

@@ -23,6 +23,7 @@ export function TerminationSignal({
         disabled={disabled}
         placeholder="Select signal"
         data={Object.values(Types.TerminationSignal).reverse()}
+        w={{ base: "100%", xs: "fit-content" }}
       />
     </ConfigItem>
   );