diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css index 11a74be5..7b2e32de 100644 --- a/web/app/src/assets/base.css +++ b/web/app/src/assets/base.css @@ -1,5 +1,6 @@ :root { --spacer: 1rem; + --spacer-xl: 1.5rem; --spacer-lg: 1.33rem; --spacer-sm: .66rem; --spacer-xs: .33rem; @@ -319,6 +320,13 @@ label { display: block; } +fieldset { + background-color: var(--color-background-column-highlight); + border: none; + margin-bottom: var(--spacer); + padding: var(--spacer); +} + input[type="text"] { appearance: none; background-color: var(--color-background); diff --git a/web/app/src/views/FirstTimeWizardView.vue b/web/app/src/views/FirstTimeWizardView.vue index 78c81c2c..c114bd69 100644 --- a/web/app/src/views/FirstTimeWizardView.vue +++ b/web/app/src/views/FirstTimeWizardView.vue @@ -88,9 +88,12 @@
Provide a path to Blender. This path should be accessible by all Workers. If your rendering - setup features operating systems different form the one you are currently using, you can - manually set up the other paths later.
+
+ Provide a path to Blender. This path should be accessible by all Workers.
+
+ If your rendering setup features operating systems different form the one you are currently using,
+ you can manually set up the other paths later.
+
Choose how a Worker should invoke the Blender command when performing a task.
@@ -118,27 +121,28 @@ @@ -622,4 +626,12 @@ h2 { background-position: 200px; } } + +fieldset input[type="text"] { + margin-left: var(--spacer-xl); + margin-top: var(--spacer-sm); + width: -moz-available; + width: -webkit-fill-available; +} +