From 3634da4d6766272cb98dc1998b5386cc4a5a73fd Mon Sep 17 00:00:00 2001
From: Ash Guillaume <10384315+ashygee@users.noreply.github.com>
Date: Wed, 2 Sep 2020 10:53:55 -0700
Subject: [PATCH 1/2] Place search subnav example on new line

---
 docs/content/components/navigation.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/content/components/navigation.md b/docs/content/components/navigation.md
index 1b1e7e4d0d..b15601a764 100644
--- a/docs/content/components/navigation.md
+++ b/docs/content/components/navigation.md
@@ -459,8 +459,9 @@ You can also use a `subnav-search-context` to display search help in a select me
     <a class="subnav-item" href="#url">Item 2</a>
     <a class="subnav-item" href="#url">Item 3</a>
   </nav>
-
-  <div class="float-left ml-3 subnav-search-context">
+</div>
+<div class="subnav">
+  <div class="float-left subnav-search-context">
     <button class="btn" type="button" name="button" aria-expanded="false" aria-haspopup="true">
       Filters
       <span class="dropdown-caret"></span>
@@ -471,5 +472,5 @@ You can also use a `subnav-search-context` to display search help in a select me
     <!-- <%= octicon "search", :class = "subnav-search-icon" %> -->
     <svg class="subnav-search-icon octicon octicon-search" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path fill-rule="evenodd" d="M15.7 13.3l-3.81-3.83A5.93 5.93 0 0 0 13 6c0-3.31-2.69-6-6-6S1 2.69 1 6s2.69 6 6 6c1.3 0 2.48-.41 3.47-1.11l3.83 3.81c.19.2.45.3.7.3.25 0 .52-.09.7-.3a.996.996 0 0 0 0-1.41v.01zM7 10.7c-2.59 0-4.7-2.11-4.7-4.7 0-2.59 2.11-4.7 4.7-4.7 2.59 0 4.7 2.11 4.7 4.7 0 2.59-2.11 4.7-4.7 4.7z" /> </svg>
   </div>
-</div>
+</div
 ```

From db5dc31e93a6db3cb0f06d21ded4164805e55400 Mon Sep 17 00:00:00 2001
From: simurai <simurai@github.com>
Date: Thu, 3 Sep 2020 13:41:25 +0900
Subject: [PATCH 2/2] Update docs/content/components/navigation.md

---
 docs/content/components/navigation.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/content/components/navigation.md b/docs/content/components/navigation.md
index b15601a764..ed825ce517 100644
--- a/docs/content/components/navigation.md
+++ b/docs/content/components/navigation.md
@@ -472,5 +472,5 @@ You can also use a `subnav-search-context` to display search help in a select me
     <!-- <%= octicon "search", :class = "subnav-search-icon" %> -->
     <svg class="subnav-search-icon octicon octicon-search" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path fill-rule="evenodd" d="M15.7 13.3l-3.81-3.83A5.93 5.93 0 0 0 13 6c0-3.31-2.69-6-6-6S1 2.69 1 6s2.69 6 6 6c1.3 0 2.48-.41 3.47-1.11l3.83 3.81c.19.2.45.3.7.3.25 0 .52-.09.7-.3a.996.996 0 0 0 0-1.41v.01zM7 10.7c-2.59 0-4.7-2.11-4.7-4.7 0-2.59 2.11-4.7 4.7-4.7 2.59 0 4.7 2.11 4.7 4.7 0 2.59-2.11 4.7-4.7 4.7z" /> </svg>
   </div>
-</div
+</div>
 ```