# HG changeset patch
# User Mads Kiilerich <mads@kiilerich.com>
# Date 2016-12-24 17:26:48
# Node ID ba18d1f6d081cda92b574d5f37b1907554e57c4d
# Parent  b172a000249d17490e6663152fb4f1f008343ec2

style: refactor panel headings - use pull-left and pull-right and introduce clearfix like Bootstrap

Based on work by Dominik Ruf.

diff --git a/kallithea/public/css/style.css b/kallithea/public/css/style.css
--- a/kallithea/public/css/style.css
+++ b/kallithea/public/css/style.css
@@ -576,11 +576,42 @@ div.header img {
     float: left;
     color: #fff;
     margin: 0;
-    padding: 11px 10px 11px 10px;
-}
-
-#content div.panel div.panel-heading .links.icon-only-links {
-   float: right;
+    padding: 0 10px;
+    line-height: 18px;
+}
+
+.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel::before, .panel::after, .panel-body::before, .panel-body::after, .modal-header::before, .modal-header::after, .modal-footer::before, .modal-footer::after, td.inline-comments::before, td.inline-comments::after {
+    content: " ";
+    display: table;
+}
+
+.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel::after, .panel-body::after, .modal-header::after, .modal-footer::after, td.inline-comments::after {
+    clear: both;
+}
+
+/* avoid conflict with .container in changeset tables */
+#content div.panel table .container::before,
+#content div.panel table .container::after {
+    content: inherit;
+    display: inherit;
+}
+
+.pull-left {
+    float: left;
+}
+
+.pull-right {
+    float: right;
+}
+
+#content div.panel div.panel-heading .pull-left {
+    margin: 10px;
+    color: white;
+}
+
+#content div.panel div.panel-heading .pull-right {
+    margin: 5px;
+    color: white;
 }
 
 #content div.panel h1,
@@ -1452,7 +1483,6 @@ a.metatag[data-tag="license"]:hover {
     width: 170px;
 }
 #quick_login .links_right {
-
     position: absolute;
     right: 0;
 }
@@ -2776,8 +2806,11 @@ table.code-browser i[class^='icon-'] {
     float: left;
     font-weight: 700;
     font-size: 14px;
+    margin: 10px;
+}
+
+.pull-left .breadcrumbs {
     margin: 0;
-    padding: 11px 0 11px 10px;
 }
 
 .breadcrumbs .hash {
diff --git a/kallithea/templates/about.html b/kallithea/templates/about.html
--- a/kallithea/templates/about.html
+++ b/kallithea/templates/about.html
@@ -12,7 +12,7 @@
 <%def name="main()">
 
 <div class="panel panel-primary">
-  <div class="panel-heading">
+  <div class="panel-heading clearfix">
     <h5>${_('About')} Kallithea</h5>
   </div>
 
diff --git a/kallithea/templates/admin/auth/auth_settings.html b/kallithea/templates/admin/auth/auth_settings.html
--- a/kallithea/templates/admin/auth/auth_settings.html
+++ b/kallithea/templates/admin/auth/auth_settings.html
@@ -17,7 +17,7 @@
 
 <%def name="main()">
 <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
     ${h.form(url('auth_settings'))}
diff --git a/kallithea/templates/admin/defaults/defaults.html b/kallithea/templates/admin/defaults/defaults.html
--- a/kallithea/templates/admin/defaults/defaults.html
+++ b/kallithea/templates/admin/defaults/defaults.html
@@ -17,7 +17,7 @@
 
 <%def name="main()">
 <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
 
diff --git a/kallithea/templates/admin/gists/edit.html b/kallithea/templates/admin/gists/edit.html
--- a/kallithea/templates/admin/gists/edit.html
+++ b/kallithea/templates/admin/gists/edit.html
@@ -24,7 +24,7 @@
 
 <%def name="main()">
 <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
 
diff --git a/kallithea/templates/admin/gists/index.html b/kallithea/templates/admin/gists/index.html
--- a/kallithea/templates/admin/gists/index.html
+++ b/kallithea/templates/admin/gists/index.html
@@ -29,13 +29,13 @@
 <%def name="main()">
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
         %if c.authuser.username != 'default':
-        <ul class="links">
-          <li>
+        <div class="pull-right">
              <a href="${h.url('new_gist')}" class="btn btn-success btn-xs"><i class="icon-plus"></i> ${_('Create New Gist')}</a>
-          </li>
-        </ul>
+        </div>
         %endif
     </div>
     %if c.gists_pager.item_count>0:
diff --git a/kallithea/templates/admin/gists/new.html b/kallithea/templates/admin/gists/new.html
--- a/kallithea/templates/admin/gists/new.html
+++ b/kallithea/templates/admin/gists/new.html
@@ -24,7 +24,7 @@
 
 <%def name="main()">
 <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
 
diff --git a/kallithea/templates/admin/gists/show.html b/kallithea/templates/admin/gists/show.html
--- a/kallithea/templates/admin/gists/show.html
+++ b/kallithea/templates/admin/gists/show.html
@@ -17,13 +17,13 @@
 <%def name="main()">
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
         %if c.authuser.username != 'default':
-        <ul class="links">
-          <li>
-              <a href="${h.url('new_gist')}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Create New Gist')}</a>
-          </li>
-        </ul>
+        <div class="pull-right">
+            <a href="${h.url('new_gist')}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Create New Gist')}</a>
+        </div>
         %endif
     </div>
     <div class="table">
diff --git a/kallithea/templates/admin/my_account/my_account.html b/kallithea/templates/admin/my_account/my_account.html
--- a/kallithea/templates/admin/my_account/my_account.html
+++ b/kallithea/templates/admin/my_account/my_account.html
@@ -15,7 +15,7 @@
 
 <%def name="main()">
 <div class="panel panel-primary" style="overflow:auto">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
 
diff --git a/kallithea/templates/admin/notifications/notifications.html b/kallithea/templates/admin/notifications/notifications.html
--- a/kallithea/templates/admin/notifications/notifications.html
+++ b/kallithea/templates/admin/notifications/notifications.html
@@ -15,7 +15,7 @@
 
 <%def name="main()">
 <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
 
diff --git a/kallithea/templates/admin/notifications/show_notification.html b/kallithea/templates/admin/notifications/show_notification.html
--- a/kallithea/templates/admin/notifications/show_notification.html
+++ b/kallithea/templates/admin/notifications/show_notification.html
@@ -17,7 +17,7 @@
 
 <%def name="main()">
 <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
     <div class="table">
diff --git a/kallithea/templates/admin/repo_groups/repo_group_add.html b/kallithea/templates/admin/repo_groups/repo_group_add.html
--- a/kallithea/templates/admin/repo_groups/repo_group_add.html
+++ b/kallithea/templates/admin/repo_groups/repo_group_add.html
@@ -19,7 +19,7 @@
 
 <%def name="main()">
 <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
     ${h.form(url('repos_groups'))}
diff --git a/kallithea/templates/admin/repo_groups/repo_group_edit.html b/kallithea/templates/admin/repo_groups/repo_group_edit.html
--- a/kallithea/templates/admin/repo_groups/repo_group_edit.html
+++ b/kallithea/templates/admin/repo_groups/repo_group_edit.html
@@ -20,14 +20,14 @@
 </%block>
 
 <%def name="main()">
-<div class="panel panel-primary" style="overflow:auto">
+<div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
-        <ul class="links">
-          <li>
+        <div class="pull-left">
+          ${self.breadcrumbs()}
+        </div>
+        <div class="pull-right">
             <a href="${h.url('new_repos_group', parent_group=c.repo_group.group_id)}" class="btn btn-success btn-xs"><i class="icon-plus"></i> ${_('Add Child Group')}</a>
-          </li>
-        </ul>
+        </div>
     </div>
 
     ##main
diff --git a/kallithea/templates/admin/repo_groups/repo_groups.html b/kallithea/templates/admin/repo_groups/repo_groups.html
--- a/kallithea/templates/admin/repo_groups/repo_groups.html
+++ b/kallithea/templates/admin/repo_groups/repo_groups.html
@@ -17,14 +17,14 @@
 <%def name="main()">
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
-        <ul class="links">
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
+        <div class="pull-right">
             %if h.HasPermissionAny('hg.admin')():
-             <li>
                <a href="${h.url('new_repos_group')}" class="btn btn-success btn-xs"><i class="icon-plus"></i> ${_('Add Repository Group')}</a>
-             </li>
             %endif
-        </ul>
+        </div>
     </div>
     <div class="table">
         <table id="datatable_list_wrap"></table>
diff --git a/kallithea/templates/admin/repos/repos.html b/kallithea/templates/admin/repos/repos.html
--- a/kallithea/templates/admin/repos/repos.html
+++ b/kallithea/templates/admin/repos/repos.html
@@ -15,14 +15,14 @@
 <div class="panel panel-primary">
 
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
-        <ul class="links">
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
+        <div class="pull-right">
          %if h.HasPermissionAny('hg.admin','hg.create.repository')():
-          <li>
             <a href="${h.url('new_repo')}" class="btn btn-success btn-xs"><i class="icon-plus"></i> ${_('Add Repository')}</a>
-          </li>
          %endif
-        </ul>
+        </div>
     </div>
     <div class="table">
         <table id="datatable_list_wrap"></table>
diff --git a/kallithea/templates/admin/user_groups/user_groups.html b/kallithea/templates/admin/user_groups/user_groups.html
--- a/kallithea/templates/admin/user_groups/user_groups.html
+++ b/kallithea/templates/admin/user_groups/user_groups.html
@@ -16,14 +16,14 @@
 <%def name="main()">
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
-        <ul class="links">
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
+        <div class="pull-right">
         %if h.HasPermissionAny('hg.admin', 'hg.usergroup.create.true')():
-          <li>
             <a href="${h.url('new_users_group')}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Add User Group')}</a>
-          </li>
         %endif
-        </ul>
+        </div>
     </div>
     <div class="table">
         <table id="datatable_list_wrap"></table>
diff --git a/kallithea/templates/admin/users/users.html b/kallithea/templates/admin/users/users.html
--- a/kallithea/templates/admin/users/users.html
+++ b/kallithea/templates/admin/users/users.html
@@ -16,12 +16,12 @@
 <%def name="main()">
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
-        <ul class="links">
-          <li>
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
+        <div class="pull-right">
             <a href="${h.url('new_user')}" class="btn btn-success btn-xs"><i class="icon-plus"></i> ${_('Add User')}</a>
-          </li>
-        </ul>
+        </div>
     </div>
     <div class="table">
         <table id="datatable_list_wrap"></table>
diff --git a/kallithea/templates/files/files.html b/kallithea/templates/files/files.html
--- a/kallithea/templates/files/files.html
+++ b/kallithea/templates/files/files.html
@@ -22,12 +22,12 @@
 ${self.repo_context_bar('files', c.revision)}
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
-        <ul class="links">
-            <li style="color:white">
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
+        <div class="pull-right">
               ${_("Branch filter:")} ${h.select('branch_selector',c.changeset.raw_id,c.revision_options)}
-            </li>
-        </ul>
+        </div>
     </div>
     <div class="table">
         <div id="files_data">
diff --git a/kallithea/templates/files/files_add.html b/kallithea/templates/files/files_add.html
--- a/kallithea/templates/files/files_add.html
+++ b/kallithea/templates/files/files_add.html
@@ -25,12 +25,12 @@
 ${self.repo_context_bar('files')}
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
-        <ul class="links">
-            <li>
-              <span><a href="#">${_('Branch')}: ${c.cs.branch}</a></span>
-            </li>
-        </ul>
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
+        <div class="pull-right panel-title">
+            <a href="#">${_('Branch')}: ${c.cs.branch}</a>
+        </div>
     </div>
     <div class="table" id="edit">
         <div id="files_data">
diff --git a/kallithea/templates/files/files_delete.html b/kallithea/templates/files/files_delete.html
--- a/kallithea/templates/files/files_delete.html
+++ b/kallithea/templates/files/files_delete.html
@@ -16,12 +16,12 @@
 ${self.repo_context_bar('files')}
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
-        <ul class="links">
-            <li>
-              <span><a href="#">${_('Branch')}: ${c.cs.branch}</a></span>
-            </li>
-        </ul>
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
+        <div class="pull-right">
+            <a href="#">${_('Branch')}: ${c.cs.branch}</a>
+        </div>
     </div>
     <div class="table" id="edit">
         <div id="files_data">
diff --git a/kallithea/templates/files/files_edit.html b/kallithea/templates/files/files_edit.html
--- a/kallithea/templates/files/files_edit.html
+++ b/kallithea/templates/files/files_edit.html
@@ -25,12 +25,12 @@
 ${self.repo_context_bar('files')}
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
-        <ul class="links">
-            <li>
-              <span><a href="#">${_('Branch')}: ${c.cs.branch}</a></span>
-            </li>
-        </ul>
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
+        <div class="pull-right">
+            <a href="#">${_('Branch')}: ${c.cs.branch}</a>
+        </div>
     </div>
     <div class="table" id="edit">
         <div id="files_data">
diff --git a/kallithea/templates/forks/fork.html b/kallithea/templates/forks/fork.html
--- a/kallithea/templates/forks/fork.html
+++ b/kallithea/templates/forks/fork.html
@@ -16,6 +16,9 @@
 <%def name="main()">
 ${self.repo_context_bar('createfork')}
 <div class="panel panel-primary">
+    <div class="panel-heading clearfix">
+        ${self.breadcrumbs()}
+    </div>
     ${h.form(url('repo_fork_create_home',repo_name=c.repo_info.repo_name))}
     <div class="form">
         <div class="form-horizontal">
diff --git a/kallithea/templates/journal/journal.html b/kallithea/templates/journal/journal.html
--- a/kallithea/templates/journal/journal.html
+++ b/kallithea/templates/journal/journal.html
@@ -22,8 +22,10 @@
 <%def name="main()">
     <div class="panel panel-primary">
         <div class="panel-heading clearfix">
-            ${self.breadcrumbs()}
-            <div class="links icon-only-links panel-title">
+            <div class="pull-left">
+                ${self.breadcrumbs()}
+            </div>
+            <div class="pull-right links icon-only-links panel-title">
                 <a href="${h.url('my_account_watched')}"><i class="icon-eye"></i> ${_('Watched Repositories')}</a>
                 <a href="${h.url('my_account_repos')}"><i class="icon-database"></i> ${_('My Repositories')}</a>
                 <a id="refresh" href="${h.url('journal')}"><i class="icon-arrows-cw"></i></a>
diff --git a/kallithea/templates/journal/public_journal.html b/kallithea/templates/journal/public_journal.html
--- a/kallithea/templates/journal/public_journal.html
+++ b/kallithea/templates/journal/public_journal.html
@@ -17,14 +17,12 @@
 
 <div class="panel panel-primary">
   <div class="panel-heading clearfix">
-    <h5>${_('Public Journal')}</h5>
-    <ul class="links icon-only-links">
-      <li>
-        <span>
-          <a href="${h.url('public_journal_atom')}"><i class="icon-rss-squared"></i></a>
-        </span>
-      </li>
-    </ul>
+    <div class="pull-left">
+      ${_('Public Journal')}
+    </div>
+    <div class="pull-right">
+        <a href="${h.url('public_journal_atom')}"><i class="icon-rss-squared"></i></a>
+    </div>
   </div>
 
   <div id="journal">
diff --git a/kallithea/templates/login.html b/kallithea/templates/login.html
--- a/kallithea/templates/login.html
+++ b/kallithea/templates/login.html
@@ -7,7 +7,7 @@
 
 <div id="login" class="panel panel-default">
     <%include file="/base/flash_msg.html"/>
-    <div class="panel-heading title withlogo">
+    <div class="panel-heading clearfix">
         %if c.site_name:
             <h5>${_('Log In to %s') % c.site_name}</h5>
         %else:
diff --git a/kallithea/templates/password_reset.html b/kallithea/templates/password_reset.html
--- a/kallithea/templates/password_reset.html
+++ b/kallithea/templates/password_reset.html
@@ -7,7 +7,7 @@
 
 <div id="register">
     <%include file="/base/flash_msg.html"/>
-    <div class="panel-heading withlogo">
+    <div class="panel-heading clearfix">
         %if c.site_name:
             <h5>${_('Reset Your Password to %s') % c.site_name}</h5>
         %else:
diff --git a/kallithea/templates/password_reset_confirmation.html b/kallithea/templates/password_reset_confirmation.html
--- a/kallithea/templates/password_reset_confirmation.html
+++ b/kallithea/templates/password_reset_confirmation.html
@@ -7,7 +7,7 @@
 
 <div id="register">
     <%include file="/base/flash_msg.html"/>
-    <div class="panel-heading withlogo">
+    <div class="panel-heading clearfix">
         %if c.site_name:
             <h5>${_('Reset Your Password to %s') % c.site_name}</h5>
         %else:
diff --git a/kallithea/templates/pullrequests/pullrequest_show.html b/kallithea/templates/pullrequests/pullrequest_show.html
--- a/kallithea/templates/pullrequests/pullrequest_show.html
+++ b/kallithea/templates/pullrequests/pullrequest_show.html
@@ -18,7 +18,7 @@
 <% editable = not c.pull_request.is_closed() and (h.HasPermissionAny('hg.admin')() or h.HasRepoPermissionAny('repository.admin')(c.repo_name) or c.pull_request.owner_id == c.authuser.user_id) %>
 ${self.repo_context_bar('showpullrequest')}
 <div class="panel panel-primary">
-  <div class="panel-heading">
+  <div class="panel-heading clearfix">
     ${self.breadcrumbs()}
   </div>
 
@@ -282,7 +282,7 @@ ${self.repo_context_bar('showpullrequest
 </div>
 
 <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
       <div class="breadcrumbs">${_('Pull Request Content')}</div>
     </div>
     <div class="table">
diff --git a/kallithea/templates/pullrequests/pullrequest_show_all.html b/kallithea/templates/pullrequests/pullrequest_show_all.html
--- a/kallithea/templates/pullrequests/pullrequest_show_all.html
+++ b/kallithea/templates/pullrequests/pullrequest_show_all.html
@@ -23,23 +23,19 @@ ${self.repo_context_bar('showpullrequest
 
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
-        ${self.breadcrumbs()}
-        <ul class="links">
-          <li>
-             %if c.authuser.username != 'default':
-              <span>
-                  <a id="open_new_pr" class="btn btn-success btn-xs" href="${h.url('pullrequest_home',repo_name=c.repo_name)}"><i class="icon-plus"></i> ${_('Open New Pull Request')}</a>
-              </span>
-             %endif
-              <span>
-                %if c.from_:
-                    <a class="btn btn-default btn-xs" href="${h.url('pullrequest_show_all',repo_name=c.repo_name,closed=c.closed)}"><i class="icon-git-compare"></i> ${_('Show Pull Requests to %s') % c.repo_name}</a>
-                %else:
-                    <a class="btn btn-default btn-xs" href="${h.url('pullrequest_show_all',repo_name=c.repo_name,closed=c.closed,from_=1)}"><i class="icon-git-compare"></i> ${_("Show Pull Requests from '%s'") % c.repo_name}</a>
-                %endif
-              </span>
-          </li>
-        </ul>
+        <div class="pull-left">
+            ${self.breadcrumbs()}
+        </div>
+        <div class="pull-right">
+            %if c.authuser.username != 'default':
+                <a id="open_new_pr" class="btn btn-success btn-xs" href="${h.url('pullrequest_home',repo_name=c.repo_name)}"><i class="icon-plus"></i> ${_('Open New Pull Request')}</a>
+            %endif
+            %if c.from_:
+                <a class="btn btn-default btn-xs" href="${h.url('pullrequest_show_all',repo_name=c.repo_name,closed=c.closed)}"><i class="icon-git-compare"></i> ${_('Show Pull Requests to %s') % c.repo_name}</a>
+            %else:
+                <a class="btn btn-default btn-xs" href="${h.url('pullrequest_show_all',repo_name=c.repo_name,closed=c.closed,from_=1)}"><i class="icon-git-compare"></i> ${_("Show Pull Requests from '%s'") % c.repo_name}</a>
+            %endif
+        </div>
     </div>
 
     <div class="normal-indent">
diff --git a/kallithea/templates/register.html b/kallithea/templates/register.html
--- a/kallithea/templates/register.html
+++ b/kallithea/templates/register.html
@@ -7,7 +7,7 @@
 
 <div id="register">
     <%include file="/base/flash_msg.html"/>
-    <div class="panel-heading withlogo">
+    <div class="panel-heading clearfix">
         %if c.site_name:
             <h5>${_('Sign Up to %s') % c.site_name}</h5>
         %else:
diff --git a/kallithea/templates/search/search.html b/kallithea/templates/search/search.html
--- a/kallithea/templates/search/search.html
+++ b/kallithea/templates/search/search.html
@@ -33,7 +33,7 @@
 ${self.repo_context_bar('options')}
 %endif
 <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
     %if c.repo_name:
diff --git a/kallithea/templates/summary/statistics.html b/kallithea/templates/summary/statistics.html
--- a/kallithea/templates/summary/statistics.html
+++ b/kallithea/templates/summary/statistics.html
@@ -23,7 +23,7 @@ ${self.repo_context_bar('summary')}
     summary = lambda n:{False:'summary-short'}.get(n)
     %>
     <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
 
diff --git a/kallithea/templates/summary/summary.html b/kallithea/templates/summary/summary.html
--- a/kallithea/templates/summary/summary.html
+++ b/kallithea/templates/summary/summary.html
@@ -60,7 +60,7 @@ ${self.repo_context_bar('summary')}
 summary = lambda n:{False:'summary-short'}.get(n)
 %>
 <div class="panel panel-primary">
-    <div class="panel-heading">
+    <div class="panel-heading clearfix">
         ${self.breadcrumbs()}
     </div>
     <div class="form">
@@ -170,8 +170,8 @@ summary = lambda n:{False:'summary-short
 
 
 <div class="panel panel-primary">
-    <div class="panel-heading">
-        <div class="breadcrumbs">
+    <div class="panel-heading clearfix">
+        <div class="breadcrumbs panel-title">
         %if c.repo_changesets:
             ${h.link_to(_('Latest Changes'),h.url('changelog_home',repo_name=c.repo_name))}
         %else:
@@ -188,13 +188,13 @@ summary = lambda n:{False:'summary-short
 
 %if c.readme_data:
 <div id="readme" class="anchor">
-<div class="panel panel-primary" style="background-color: #FAFAFA">
+<div class="panel panel-primary">
     <div class="panel-heading" title="${_('Readme file from revision %s:%s') % (c.db_repo.landing_rev[0], c.db_repo.landing_rev[1])}">
-        <div class="breadcrumbs">
+        <div class="breadcrumbs panel-title">
             <a href="${h.url('files_home',repo_name=c.repo_name,revision='tip',f_path=c.readme_file)}">${c.readme_file}</a>
         </div>
     </div>
-    <div class="readme">
+    <div class="readme panel-body">
       <div class="readme_box">
         ${c.readme_data|n}
       </div>