Fix an issue that will make search form in collapsed menu to have negative horizontal margins

static/css/elegant.less

@@ -39,6 +39,14 @@ h1, h2, h3, h4, h5, h6 {
     border-radius: 15px;
 }
 
+.navbar-form {
+    &:extend(.navbar-form);
+    @media (max-width: @grid-float-breakpoint) {
+        margin-left: 0;
+        margin-right: 0;
+    }
+}
+
 .list-of-tags {
     font-family: @font-family-sans-serif;
     ul& {

templates/base.html

@@ -81,7 +81,7 @@
                     <li {% if page_name == 'tags' %} class="active"{% endif %}><a href="{{ SITEURL }}/tags.html">Tags</a></li>
                     <li {% if page_name == 'archives' %} class="active"{% endif %}><a href="{{ SITEURL }}/archives.html">Archives</a></li>
                     <li>
-                    <form class="navbar-form navbar-right" role="search" action="{{ SITEURL }}/search.html" onsubmit="return validateForm(this.elements['q'].value);">
+                    <form class="navbar-form" role="search" action="{{ SITEURL }}/search.html" onsubmit="return validateForm(this.elements['q'].value);">
                         <input type="text" class="form-control" placeholder="Search" name="q" id="tipue_search_input">
                     </form>
                     </li>