1 files changed, 62 insertions, 0 deletions
diff --git a/web_src/css/install.css b/web_src/css/install.css
new file mode 100644
index 0000000..df2a7cb
--- /dev/null
+++ b/web_src/css/install.css
@@ -0,0 +1,62 @@
+.page-content.install .install-config-container {
+  max-width: 900px;
+  margin: auto;
+}
+
+.page-content.install form.ui.form .inline.field > label {
+  text-align: right;
+  width: 30%;
+  padding-right: 10px;
+  margin-right: 0;
+}
+
+.page-content.install .ui.form .field > .help,
+.page-content.install .ui.form .field > .ui.checkbox:first-child,
+.page-content.install .ui.form .field > .right-content {
+  margin-left: calc(30% + 5px);
+  width: auto;
+}
+
+.page-content.install form.ui.form input:not([type="checkbox"],[type="radio"]),
+.page-content.install form.ui.form .ui.selection.dropdown {
+  width: 60%;
+}
+
+.page-content.install form.ui.form details.optional.field[open] {
+  padding-bottom: 10px;
+}
+.page-content.install form.ui.form details.optional.field[open] summary {
+  margin-bottom: 10px;
+}
+
+.page-content.install form.ui.form details.optional.field * {
+  box-sizing: border-box;
+}
+
+.page-content.install form.ui.form .field {
+  text-align: left;
+}
+
+.page-content.install .ui .reinstall-message {
+  width: 70%;
+  margin: 20px auto;
+  color: var(--color-red);
+  text-align: left;
+  font-weight: var(--font-weight-semibold);
+}
+
+.page-content.install .ui .reinstall-confirm {
+  width: 70%;
+  text-align: left;
+  margin: 10px auto;
+}
+
+.page-content.install details.collapsible {
+  border: 1px solid var(--color-light-border);
+  border-radius: 0.28571429rem;
+}
+.page-content.install .collapsible summary {
+  background: transparent;
+  margin: auto;
+  text-align: center;
+}