From 5f31edf3a553f8597a697757e2c10015743519b0 Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Mon, 28 Apr 2025 14:25:29 +0200
Subject: [PATCH] Fix(app/machine/create): fix css styling inconsistencies,
 remove ability to set tags

---
 .../app/src/routes/machines/avatar.tsx        |  4 +--
 .../app/src/routes/machines/create.tsx        | 30 ++-----------------
 2 files changed, 5 insertions(+), 29 deletions(-)

diff --git a/pkgs/webview-ui/app/src/routes/machines/avatar.tsx b/pkgs/webview-ui/app/src/routes/machines/avatar.tsx
index c0746489c..4e353a77d 100644
--- a/pkgs/webview-ui/app/src/routes/machines/avatar.tsx
+++ b/pkgs/webview-ui/app/src/routes/machines/avatar.tsx
@@ -10,11 +10,11 @@ export const MachineAvatar = (props: AvatarProps) => {
       <div class="">
         <div
           class={cx(
-            "rounded-lg border p-2 bg-def-1 border-def-3 size-36",
+            "rounded-lg border p-2 bg-def-1 border-def-3 h-fit",
             props.class,
           )}
         >
-          <RndThumbnail name={props.name || ""} />
+          <RndThumbnail name={props.name || ""} height={120} width={220} />
         </div>
       </div>
     </figure>
diff --git a/pkgs/webview-ui/app/src/routes/machines/create.tsx b/pkgs/webview-ui/app/src/routes/machines/create.tsx
index d3e636cf6..1bda5b558 100644
--- a/pkgs/webview-ui/app/src/routes/machines/create.tsx
+++ b/pkgs/webview-ui/app/src/routes/machines/create.tsx
@@ -73,16 +73,17 @@ export function CreateMachine() {
       <Header title="Create Machine" />
       <div class="flex w-full p-4">
         <div class="mt-4 w-full self-stretch px-2">
-          <Form onSubmit={handleSubmit} class="">
+          <Form onSubmit={handleSubmit} class="gap-2 flex flex-col">
             <Field
               name="opts.machine.name"
               validate={[required("This field is required")]}
             >
               {(field, props) => (
                 <>
-                  <div class="flex justify-center">
+                  <div class="flex justify-center mb-4 pb-4 border-b">
                     <MachineAvatar name={field.value} />
                   </div>
+
                   <TextInput
                     inputProps={props}
                     value={`${field.value}`}
@@ -105,31 +106,6 @@ export function CreateMachine() {
                 />
               )}
             </Field>
-            <Field name="opts.machine.tags" type="string[]">
-              {(field, props) => (
-                <div class="p-2">
-                  <DynForm
-                    initialValues={{ tags: ["all"] }}
-                    components={{
-                      before: <div>Tags</div>,
-                    }}
-                    schema={{
-                      type: "object",
-                      properties: {
-                        tags: {
-                          type: "array",
-                          items: {
-                            title: "Tag",
-                            type: "string",
-                          },
-                          uniqueItems: true,
-                        },
-                      },
-                    }}
-                  />
-                </div>
-              )}
-            </Field>
             <div class=" " tabindex="0">
               <input type="checkbox" />
               <div class="  font-medium ">Deployment Settings</div>