Updated css styles

- removed autocomplete for non-login forms
- proper recaptcha placement/styles

snf-astakos-app/astakos/im/static/im/css/styles.css

@@ -646,6 +646,16 @@ ul.inline li {
 .rightcol input[type=text], .rightcol input[type=password] {
   width: 273px;
 }
+/* recaptcha */
+#recaptcha_widget_div {
+  margin-top: 10px;
+  margin-left: -4px;
+}
+#recaptcha_widget_div #recaptcha_instructions_image {
+  font-size: 0.8em;
+  margin-bottom: 10px;
+  display: block !important;
+}
 /* generic form styles */
 input, textarea, .form-widget {
   background-color: #ffffff;

snf-astakos-app/astakos/im/static/im/css/styles.less

@@ -90,7 +90,7 @@ a img {
 
 div.header {
     position: relative;
-    margin-top: 4*@gridGutterWidth;
+    margin-top: 42px;
     margin-bottom: @gridGutterWidth;
     h1 {
         color: @shadowColor;
@@ -173,7 +173,7 @@ ul.inline {
 
 .page {
     .makeRow();
-    margin-top: 6*@gridGutterWidth;
+    margin-top: 42px;
     font-size: 1.1em;
     .page-inner {
         position: relative;    
@@ -213,6 +213,18 @@ ul.inline {
     }
 }
 
+
+/* recaptcha */
+#recaptcha_widget_div {
+    margin-top: 10px;
+    margin-left: -4px;
+
+    #recaptcha_instructions_image {
+        font-size: 0.8em;
+        margin-bottom: 10px;
+        display: block !important;
+    }
+}
 /* generic form styles */
 input, textarea, .form-widget {
     background-color: @white;

snf-astakos-app/astakos/im/templates/im/base.html

@@ -53,9 +53,16 @@
   <script type="text/javascript">
       $(document).ready(function() {
           $("form.innerlabels label").inFieldLabels();
+          $("form").each(function(){
+            if ($(this).hasClass("login")) { return }
+            $(this).find("input").attr("autocomplete","off");
+          })
           $("form .form-row").formErrors();
           $("form .form-row input[type=checkbox]").formCheckBoxes();
-      })
+            
+          // hide label for captcha field
+          $("label[for=id_recaptcha_challenge_field]").closest('.form-row').hide();
+    })
   </script>
   <script>
     var CLOUDBAR_LOCATION = "{{ CLOUDBAR_LOC }}";