Tweaks for My Application page and forms

blender-bfct/application/static/assets/css/bfct.css

@@ -9,53 +9,4 @@ body {padding: 53px 0 0 0 !important;}
 	top: 0;
 	left: 0;
 	position: absolute;
-}
-
-.form-control {
-  top: 0;
-  position: absolute;
-  background-color: white !important;
-  border: none;
-  margin-top: 30px;
-  border: thin solid #aaa !important;
-}
-
-.form-control:focus {
-  border: thin solid #444 !important;
-}
-
-.input-group .input-group-addon {
-	position: absolute;
-	top: 28px;
-	z-index: 3;
-	padding: 10px 15px 10px 12px !important;
-	background: transparent;
-	border: 0;
-	color: gray;
-}
-
-.input-group .input-group-addon + .form-control{
-	padding-left: 38px;
-}
-
-.input-group .input-group-addon .bf-network{
-	font-size: 140% !important;
-	position: absolute;
-	left: 8px; top: 8px;
-}
-
-::-webkit-input-placeholder { /* WebKit browsers */
-    color: #bbb !important;
-}
-
-:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-    color:    #999;
-    opacity:  1;
-}
-::-moz-placeholder { /* Mozilla Firefox 19+ */
-    color:    #999;
-    opacity:  1;
-}
-:-ms-input-placeholder { /* Internet Explorer 10+ */
-    color:    #999;
 }

blender-bfct/application/templates/my_application.html

@@ -1,9 +1,15 @@
 {% extends 'layout.html' %}
 {% block body %}
 <div class="row">
-    <div class="col-md-12">
+    <div class="col-md-12">        <i class="bf-network backicon"></i>
+
         <h2>Your BFCT status dashboard</h2>
-        <table class="table">
+        <p>Follow the status of your BFCT Application right here.</p>
+    </div>
+</div>
+<div class="row">
+    <div class="col-md-12 box">
+        <table class="table table-striped">
             <thead>
                 <tr>
                     <th>Date</th>
@@ -12,23 +18,38 @@
             </thead>
             <tbody>
             <tr>
-                <td>{{application.show_pretty_date('submission')}}</td>
+                <td title="{{application.submission_date.strftime('%A %d %B, %Y @ %H:%m')}}">{{application.show_pretty_date('submission')}}</td>
-                <td>You submitted your application</td>
+                <td><strong>You submitted an application</strong>
+                    <br/><i class="fa fa-star-o"></i> Fingers crossed!
+                </td>
             </tr>
             {% if application.review_start_date %}
             <tr>
                 <td>{{application.show_pretty_date('review_start')}}</td>
-                <td>Application review started</td>
+                <td>
+                    <strong>Application review process started</strong>
+                    <br/><i class="fa fa-star-half-o"></i> This means that at least one reviewer has voted, let's wait for the others.
+                </td>
             </tr>
             {% endif%}
             {% if application.review_end_date %}
             <tr>
                 <td>{{application.show_pretty_date('review_end')}}</td>
-                <td>Application review ended</td>
+                <td>
+                    <strong>Application review ended!</strong>
+                    <br/><i class="fa fa-star"></i> 
+                    All reviewers have now voted. You'll get an email soon with the results.
+                </td>
             </tr>
             {% endif%}
             </tbody>
         </table>
+        {% if application.review_end_date %}
+        <p class="content-align-center">
+            Thank you for being part of the Blender Foundation Certified Trainers program
+        </p>
+        {% endif %}
+        <hr/>
     </div>
 </div>