From 793d86b5e831a47d899915a68a857e8f0039761b Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 13 Apr 2017 14:29:49 +0200
Subject: [PATCH] add new form stuff to styleguide

---
 _src/styleguide.md | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/_src/styleguide.md b/_src/styleguide.md
index eed7f2e..725d002 100644
--- a/_src/styleguide.md
+++ b/_src/styleguide.md
@@ -225,7 +225,7 @@ Logo can be used with a base class and modifier classes for size & color:
     </div>
     <div class="form-group">
         <select class="form-control" id="select" name="select" required data-required="true">
-            <option value="">Select me...</option>
+            <option value="">&nbsp;</option>
             <option value="Automotive">Automotive</option>
             <option value="Banking">Banking</option>
             <option value="Consulting">Consulting</option>
@@ -245,6 +245,9 @@ Logo can be used with a base class and modifier classes for size & color:
         <textarea class="form-control" id="comment" name="comment" rows="1"></textarea>
         <label class="form-label" for="comment">Autogrowing textarea</label>
     </div>
+    <p class="form-group text-dimmed mini">
+        Fields marked with an <span class="required">*</span> are required.
+    </p>
     <div class="form-group">
         <input class="btn btn-primary" type="submit" value="Submit">
     </div>
@@ -266,7 +269,7 @@ Logo can be used with a base class and modifier classes for size & color:
     </div>
     <div class="form-group">
         <select class="form-control" id="select" name="select" required data-required="true">
-            <option value="">Select me...</option>
+            <option value="">&nbsp;</option>
             <option value="Automotive">Automotive</option>
             <option value="Banking">Banking</option>
             <option value="Consulting">Consulting</option>
@@ -279,6 +282,9 @@ Logo can be used with a base class and modifier classes for size & color:
         <textarea class="form-control" id="comment" name="comment" rows="1"></textarea>
         <label class="form-label" for="comment">Autogrowing textarea</label>
     </div>
+    <p class="form-group text-dimmed mini">
+        Fields marked with an <span class="required">*</span> are required.
+    </p>
     <div class="form-group">
         <input class="btn btn-primary" type="submit" value="Submit">
     </div>