fix empty input group bug

1 files changed, 7 insertions, 4 deletions

diff --git a/index.html b/index.html
index 220e631..1d9fd72 100644
--- a/index.html
+++ b/index.html
@@ -1091,20 +1091,23 @@
                         <i class="icon icon-markunread"></i>
                         <p class="empty-title">You have no new messages</p>
                         <p class="empty-meta">Click the button to start a conversation.</p>
-                        <button class="btn btn-primary">Send a message</button>
+                        <button class="empty-action btn btn-primary">Send a message</button>
                     </section>
                 </div>
                 <div class="column col-6">
                     <section class="empty">
                         <i class="icon icon-people"></i>
                         <p class="empty-title">You are not following anyone</p>
-                        <button class="btn btn-primary">Discover people</button>
+                        <div class="empty-action input-group">
+                            <input type="text" class="form-input" placeholder="" />
+                            <button class="btn btn-primary input-group-btn">Search</button>
+                        </div>
                     </section>
                 </div>
             </div>
 
             <section class="notes">
-                <p>An empty state component can include icons, messages(title and meta messages) and action buttons or any combination of those elements. </p>
+                <p>An empty state component can include icons, messages(title and meta messages) and action buttons or any combination of those elements. Add <code>empty-title</code>, <code>empty-meta</code> or <code>empty-action</code> to the elements. HTML structure is exampled below. </p>
             </section>
 
             <!-- empty states example -->
@@ -1113,7 +1116,7 @@
     &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon icon-people&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
     &lt;<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">&quot;empty-title&quot;</span>&gt;You have no new messages&lt;<span class="tag">/p</span>&gt;
     &lt;<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">&quot;empty-meta&quot;</span>&gt;Click the button to start a conversation.&lt;<span class="tag">/p</span>&gt;
-    &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-primary&quot;</span>&gt;Send a message&lt;<span class="tag">/button</span>&gt;
+    &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;empty-action btn btn-primary&quot;</span>&gt;Send a message&lt;<span class="tag">/button</span>&gt;
 &lt;<span class="tag">/div</span>&gt;
 </pre>