DIV-1242: Update court file number input

edivorce/apps/core/static/css/main.scss

@@ -1542,7 +1542,7 @@ textarea {
 }
 
 /* Specific pages */
-.signing-filing {
+.dashboard-content {
     .question-well {
         margin-top: 15px;
         margin-bottom: 30px;
@@ -1551,42 +1551,48 @@ textarea {
             font-size: 24px;
         }
     }
-    .form-inline {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-        align-items: center;
-        margin-bottom: 10px;
-        padding: 10px;
+    .form {
         background: $color-grey-lighter;
-        border-radius: 5px;
+        border: 1px solid $color-grey-light;
+        border-radius: 8px;
+        margin-bottom: 10px;
+        padding: 15px;
 
-        label {
-            margin: 0 15px 0 5px;
-            text-align: right;
-        }
+        &-inline {
+            padding: 10px;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -ms-flex-wrap: wrap;
+            flex-wrap: wrap;
+            align-items: center;
 
-        &:before {
-            display: table;
-            content: " ";
-        }
+            label {
+                margin: 0 15px 0 5px;
+                text-align: right;
+            }
+
+            &:before {
+                display: table;
+                content: " ";
+            }
 
-        input {
-            margin-right: 5px;
-            -webkit-box-flex: 1;
-            -ms-flex: 1;
-            flex: 1;
-            width: 99%;
-            min-width: 200px;
+            input {
+                margin-right: 5px;
+                -webkit-box-flex: 1;
+                -ms-flex: 1;
+                flex: 1;
+                width: 99%;
+                min-width: 200px;
+            }
         }
     }
-}
 
-.dashboard-content {
     p {
         margin-bottom: 15px;
+        &.error-text {
+            margin-bottom: 0px;
+        }
     }
     ul {
         margin-bottom: 30px;

edivorce/apps/core/templates/dashboard/final_filing.html

@@ -84,9 +84,9 @@
                     <a href="{% url 'dashboard_nav' 'wait_for_number' %}">Wait for Court File</a> step.
                     If you have not sworn / affirmed your affidavits, check the
                     <a href="{% url 'dashboard_nav' 'swear_forms' %}">Swear/Affirm Forms</a> step.
-                    Enter your Court File Number below:
                 </p>
-                <div>
+                <div class="form">
+                    <p><b>Enter your Court File Number:</b></p>
                     <p class="error-text" hidden id="court-file-error">
                         A Court File Number contains only digits and must be between 4 and 10 digits in length.
                     </p>

edivorce/apps/core/templates/dashboard/sign_file_options.html

@@ -6,7 +6,7 @@
 
 {% block progress %}{% include "partials/dashnav.html" with active_page=active_page %}{% endblock %}
 
-{% block container_col %}signing-filing{% endblock %}
+{% block container_col %}dashboard-content{% endblock %}
 
 {% block content %}
     <h1>Signing and Filing Options</h1>