diff --git a/dash/templates/dash/instances/new/index.html b/dash/templates/dash/instances/new/index.html
index 796a24f..0173fed 100644
--- a/dash/templates/dash/instances/new/index.html
+++ b/dash/templates/dash/instances/new/index.html
@@ -25,25 +25,30 @@
diff --git a/static/css/main.css b/static/css/main.css
index 816fda1..09103d2 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -534,7 +534,7 @@ footer {
flex-direction: column;
justify-content: space-between;
min-height: calc(-63px + 100vh);
- flex:2;
+ flex: 2;
}
/* dash forms starts */
@@ -551,9 +551,17 @@ fieldset {
border: none;
}
+.configurations__container {
+ display: grid;
+ grid-template-columns: auto auto auto;
+}
+
.configuration__container {
+ width: 300px;
padding: 20px;
+ /*
padding-left: 0;
+ */
margin: 10px 20px;
margin-left: 0;
border: 1px solid rgb(211, 211, 211);
@@ -562,13 +570,32 @@ fieldset {
}
.configuration__name {
- margin-left: 20px;
+ margin-bottom: 20px;
+}
+
+.configuration__spec-list {
+ list-style: "✓ " outside none;
}
.configuration__spec {
margin-left: 40px;
}
+.configuration__rent {
+ font-size: 3rem;
+ font-weight: 700;
+ margin: 10px auto;
+}
+
+.configuration__rent--unit {
+ font-size: 1rem;
+ font-weight: 500;
+}
+
+.configuration__option {
+ margin: 10px;
+}
+
/*
.form__label {
margin: 5px 0;