required indicator for all forms

_src/_assets/styles/bigchain/_forms.scss

@@ -54,12 +54,36 @@
         cursor: disabled;
     }
 
+    //
+    // required indicator after the label
+    //
+    &:required,
+    &[required] {
+        + .form-label,
+        + .select-target + .form-label {
+            &:after {
+                content: "*";
+                @extend .required;
+            }
+        }
+    }
+
     .background--photo & {
         border-bottom-color: rgba(#fff, .5);
     }
 }
 
 
+//
+// required indicator
+//
+.required {
+    color: $brand-main-violet;
+    padding-left: .1rem;
+    padding-right: .1rem;
+}
+
+
 //
 // Floating placeholder labels
 //

_src/_assets/styles/bigchain/_select-theme-bigchaindb.scss

@@ -176,6 +176,7 @@
     }
 
     + .form-label {
-        visibility: hidden;
+        //visibility: hidden;
+        pointer-events: none;
     }
 }

_src/_includes/form-cla.html

@@ -32,6 +32,9 @@
                 <input class="form-control" type="tel" id="phone" name="phone">
                 <label class="form-label" for="phone">Your Phone Number</label>
             </p>
+            <p class="form-group text-dimmed mini">
+                Fields marked with an <span class="required">*</span> are required.
+            </p>
             <p class="form-group text-dimmed">
                 Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the entity named above (if applicable) to the terms and conditions of this Agreement.
             </p>
@@ -87,6 +90,9 @@
                 <input class="form-control" type="tel" id="phone-entity" name="phone">
                 <label class="form-label" for="phone-entity">Contact Phone Number</label>
             </p>
+            <p class="form-group text-dimmed mini">
+                Fields marked with an <span class="required">*</span> are required.
+            </p>
             <p class="form-group text-dimmed">
                 Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the entity named above (if applicable) to the terms and conditions of this Agreement.
             </p>

_src/_includes/form-contact.html

@@ -12,6 +12,9 @@
         <textarea class="form-control" id="comment" name="comment" rows="1" required></textarea>
         <label class="form-label" for="comment">Your Message</label>
     </p>
+    <p class="form-group text-dimmed mini">
+        Fields marked with an <span class="required">*</span> are required.
+    </p>
     <p class="form-group">
         <input class="btn btn-primary" type="submit" value="Send">
     </p>

_src/_includes/form-enterprise.html

@@ -42,7 +42,7 @@
         <div class="grid__col">
             <p class="form-group">
                 <select class="form-control" id="industry" name="industry" required data-required="true">
-                    <option value="">Industry</option>
+                    <option value="">&nbsp;</option>
                     <option value="Automotive">Automotive</option>
                     <option value="Banking">Banking</option>
                     <option value="Consulting">Consulting</option>
@@ -64,7 +64,7 @@
         <div class="grid__col">
             <p class="form-group">
                 <select class="form-control" id="interest" name="interest" required data-required="true">
-                    <option value="">Interested in</option>
+                    <option value="">&nbsp;</option>
                     <option value="Education">Education</option>
                     <option value="Partnership">Partnership</option>
                     <option value="Prototype">Proof-of-Concept / Prototype / Pilot</option>
@@ -80,6 +80,9 @@
         <textarea class="form-control" id="comment" name="comment" rows="1"></textarea>
         <label class="form-label" for="comment">Comments</label>
     </p>
+    <p class="form-group text-dimmed mini">
+        Fields marked with an <span class="required">*</span> are required.
+    </p>
     <p class="form-group">
         <input class="btn btn-primary" type="submit" value="Send">
     </p>