X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/e3d13624759c128c326b64e9e0e60996bd28aadf..67e3a05b8c90b7ebd506db768e427141fd958e66:/src/views-components/form-fields/repository-form-fields.tsx

diff --git a/src/views-components/form-fields/repository-form-fields.tsx b/src/views-components/form-fields/repository-form-fields.tsx
index 56f1c1b2..932a5fe2 100644
--- a/src/views-components/form-fields/repository-form-fields.tsx
+++ b/src/views-components/form-fields/repository-form-fields.tsx
@@ -6,15 +6,25 @@ import * as React from "react";
 import { Field } from "redux-form";
 import { TextField } from "~/components/text-field/text-field";
 import { REPOSITORY_NAME_VALIDATION } from "~/validators/validators";
+import { Grid } from "@material-ui/core";
 
-export const RepositoryNameField = () =>
-    <span>
-        pawelkowalczyk/
-        <Field
-            name='name'
-            component={TextField}
-            validate={REPOSITORY_NAME_VALIDATION}
-            label="Name"
-            autoFocus={true} />.git<br/>
+export const RepositoryNameField = (props: any) =>
+    <Grid container style={{ marginTop: '0', paddingTop: '24px' }}>
+        <Grid item xs={3}>
+            {props.data.user.username}/
+        </Grid>
+        <Grid item xs={7} style={{ bottom: '24px', position: 'relative' }}>
+            <Field
+                name='name'
+                component={TextField}
+                validate={REPOSITORY_NAME_VALIDATION}
+                label="Name"
+                autoFocus={true} />
+        </Grid>
+        <Grid item xs={2}>
+            .git
+        </Grid>
+        <Grid item xs={12}>
             It may take a minute or two before you can clone your new repository.
-            </span>;
\ No newline at end of file
+        </Grid>
+    </Grid>;
\ No newline at end of file