Fix layout of planet pages.

[ipfire.org.git] / templates / planet / index.html

diff --git a/templates/planet/index.html b/templates/planet/index.html
index e3218248e9745b9c473ff713bdcd82b1f4e88cbf..15cebd6764efb7c9fd74543d134a2aaa716b62d6 100644 (file)
--- a/templates/planet/index.html
+++ b/templates/planet/index.html
@@ -11,24 +11,27 @@
        <br>
 
        <div class="row">
-               <div class="col-lg-4 col-md-4 col-lg-offset-4">
+               <div class="col-lg-6 col-md-6 col-lg-offset-3 ac">
                        <form class="form-inline" action="/search" method="GET">
-                               <div class="input-append">
-                                       <input type="text" class="form-control input-medium planet-search-autocomplete" name="q"
+                               <div class="form-group">
+                                       <label class="sr-only" for="searchBox">{{ _("Search") }}</label>
+                                       <input type="text" class="form-control planet-search-autocomplete" name="q" id="searchBox"
                                                placeholder="{{ _("Search") }}" autocomplete="off">
-                                       <button type="submit" class="btn btn-default"><i class="icon-search"></i></button>
-                               </div>
+                                       <button type="submit" class="btn btn-default">
+                                               <i class="glyphicon glyphicon-search"></i>
+                                       </button>
 
-                               <div class="btn-group">
-                                       <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
-                                               {{ _("All posts from") }}
-                                               <span class="caret"></span>
-                                       </a>
-                                       <ul class="dropdown-menu">
-                                               {% for y in years %}
-                                                       <li><a href="/year/{{ y }}">{{ y }}</a></li>
-                                               {% end %}
-                                       </ul>
+                                       <div class="btn-group">
+                                               <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
+                                                       {{ _("All posts from") }}
+                                                       <span class="caret"></span>
+                                               </a>
+                                               <ul class="dropdown-menu">
+                                                       {% for y in years %}
+                                                               <li><a href="/year/{{ y }}">{{ y }}</a></li>
+                                                       {% end %}
+                                               </ul>
+                                       </div>
                                </div>
                        </form>
                </div>