More work on web installer

airtime_mvc/public/css/setup/config-check.css

@@ -1,3 +1,26 @@
+html {
+    background-color: #f5f5f5;
+}
+
+body {
+    padding: 2em 0;
+    min-width: 600px;
+    width: 50%;
+    text-align: center;
+    margin: 3em auto;
+    border: 1px solid lightgray;
+    border-radius: 5em;
+}
+
+.logo {
+    margin-bottom: .5em;
+}
+
+.table {
+    padding: 0;
+    margin: 3em 0 0 0;
+}
+
 .checklist {
     overflow: auto;
     height: 50%;
@@ -16,6 +39,10 @@
     width: 40%;
 }
 
+.check {
+    background: #dff0d8 url("css/images/accept.png") no-repeat center;
+}
+
 .footer {
     margin: inherit;
     width: inherit;

airtime_mvc/public/css/setup/setup-config.css

@@ -47,8 +47,12 @@ body {
  * ############################################################################ */
 
 form {
-    width: 80%;
     margin: auto;
+    top: 0;
+    width: 99%;
+    position: absolute;
+    float: right;
+
 }
 
 form p {
@@ -69,6 +73,10 @@ form .form-group {
     overflow-y: auto;
 }
 
+.form-wrapper {
+    overflow: auto;
+}
+
 .form-title {
     margin: 1em 0;
 }
@@ -166,23 +174,6 @@ form .form-group {
     border-bottom: 4px solid #fff;
 }
 
-/* ############################################################################
- *
- * Database Settings Form Styles
- *
- * ############################################################################ */
-
-#dbSettingsForm {
-    top: 0;
-    width: 99%;
-    position: absolute;
-    float: right;
-}
-
-#dbSettings {
-    overflow: auto;
-}
-
 /* ############################################################################
  *
  * RabbitMQ Settings Form Styles
@@ -190,17 +181,39 @@ form .form-group {
  * ############################################################################ */
 
 #rmqSettingsForm {
-    top: 0;
     left: 100%;
-    width: 99%;
-    position: absolute;
-    float: right;
-}
-
-#rmqSettings {
-    overflow: auto;
 }
 
 #rmqFormBody {
     display: none;
+}
+
+/* ############################################################################
+ *
+ * General Settings Form Styles
+ *
+ * ############################################################################ */
+
+#generalSettingsForm {
+    left: 200%;
+}
+
+/* ############################################################################
+ *
+ * Media Settings Form Styles
+ *
+ * ############################################################################ */
+
+#mediaSettingsForm {
+    left: 300%;
+}
+
+/* ############################################################################
+ *
+ * Finish Settings Form Styles
+ *
+ * ############################################################################ */
+
+#finishSettingsForm {
+    left: 400%;
 }