ginatra 4.0.2 → 4.1.0

data/public/img/file.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generated by IcoMoon.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128" viewBox="0 0 128 128">
+<path d="M73.143 36.571v-33.714q1.571 1 2.571 2l29.143 29.143q1 1 2 2.571h-33.714zM64 38.857q0 2.857 2 4.857t4.857 2h38.857v75.429q0 2.857-2 4.857t-4.857 2h-96q-2.857 0-4.857-2t-2-4.857v-114.286q0-2.857 2-4.857t4.857-2h57.143v38.857z" fill="#444444"></path>
+</svg>

data/public/img/folder.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generated by IcoMoon.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="119" height="128" viewBox="0 0 119 128">
+<path d="M118.857 43.429v50.286q0 6.571-4.714 11.286t-11.286 4.714h-86.857q-6.571 0-11.286-4.714t-4.714-11.286v-68.571q0-6.571 4.714-11.286t11.286-4.714h22.857q6.571 0 11.286 4.714t4.714 11.286v2.286h48q6.571 0 11.286 4.714t4.714 11.286z" fill="#444444"></path>
+</svg>

data/public/img/hdd-o.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generated by IcoMoon.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128" viewBox="0 0 128 128">
+<path d="M74.286 86.857q0 2.357-1.679 4.036t-4.036 1.679-4.036-1.679-1.679-4.036 1.679-4.036 4.036-1.679 4.036 1.679 1.679 4.036zM92.571 86.857q0 2.357-1.679 4.036t-4.036 1.679-4.036-1.679-1.679-4.036 1.679-4.036 4.036-1.679 4.036 1.679 1.679 4.036zM100.571 98.286v-22.857q0-0.929-0.679-1.607t-1.607-0.679h-86.857q-0.929 0-1.607 0.679t-0.679 1.607v22.857q0 0.929 0.679 1.607t1.607 0.679h86.857q0.929 0 1.607-0.679t0.679-1.607zM12.714 64h84.286l-11.214-34.429q-0.286-0.929-1.143-1.536t-1.857-0.607h-55.857q-1 0-1.857 0.607t-1.143 1.536zM109.714 75.429v22.857q0 4.714-3.357 8.071t-8.071 3.357h-86.857q-4.714 0-8.071-3.357t-3.357-8.071v-22.857q0-1.786 1.143-5.357l14.071-43.286q1.214-3.786 4.5-6.143t7.214-2.357h55.857q3.929 0 7.214 2.357t4.5 6.143l14.071 43.286q1.143 3.571 1.143 5.357z" fill="#444444"></path>
+</svg>

data/public/img/loader.svg

@@ -0,0 +1,33 @@
+<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
+<svg width="120" height="30" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#3498db">
+    <circle cx="15" cy="15" r="15">
+        <animate attributeName="r" from="15" to="15"
+                 begin="0s" dur="0.8s"
+                 values="15;9;15" calcMode="linear"
+                 repeatCount="indefinite" />
+        <animate attributeName="fill-opacity" from="1" to="1"
+                 begin="0s" dur="0.8s"
+                 values="1;.5;1" calcMode="linear"
+                 repeatCount="indefinite" />
+    </circle>
+    <circle cx="60" cy="15" r="9" fill-opacity="0.3">
+        <animate attributeName="r" from="9" to="9"
+                 begin="0s" dur="0.8s"
+                 values="9;15;9" calcMode="linear"
+                 repeatCount="indefinite" />
+        <animate attributeName="fill-opacity" from="0.5" to="0.5"
+                 begin="0s" dur="0.8s"
+                 values=".5;1;.5" calcMode="linear"
+                 repeatCount="indefinite" />
+    </circle>
+    <circle cx="105" cy="15" r="15">
+        <animate attributeName="r" from="15" to="15"
+                 begin="0s" dur="0.8s"
+                 values="15;9;15" calcMode="linear"
+                 repeatCount="indefinite" />
+        <animate attributeName="fill-opacity" from="1" to="1"
+                 begin="0s" dur="0.8s"
+                 values="1;.5;1" calcMode="linear"
+                 repeatCount="indefinite" />
+    </circle>
+</svg>

data/public/img/mail-forward.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generated by IcoMoon.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128" viewBox="0 0 128 128">
+<path d="M128 45.714q0 1.857-1.357 3.214l-36.571 36.571q-1.357 1.357-3.214 1.357t-3.214-1.357-1.357-3.214v-18.286h-16q-7 0-12.536 0.429t-11 1.536-9.5 3.036-7.536 4.964-5.714 7.214-3.464 9.893-1.25 12.929q0 3.929 0.357 8.786 0 0.429 0.179 1.679t0.179 1.893q0 1.071-0.607 1.786t-1.679 0.714q-1.143 0-2-1.214-0.5-0.643-0.929-1.571t-0.964-2.143-0.75-1.714q-9.071-20.357-9.071-32.214 0-14.214 3.786-23.786 11.571-28.786 62.5-28.786h16v-18.286q0-1.857 1.357-3.214t3.214-1.357 3.214 1.357l36.571 36.571q1.357 1.357 1.357 3.214z" fill="#444444"></path>
+</svg>

data/public/img/minus-square.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generated by IcoMoon.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128" viewBox="0 0 128 128">
+<path d="M91.429 68.571v-9.143q0-1.857-1.357-3.214t-3.214-1.357h-64q-1.857 0-3.214 1.357t-1.357 3.214v9.143q0 1.857 1.357 3.214t3.214 1.357h64q1.857 0 3.214-1.357t1.357-3.214zM109.714 29.714v68.571q0 8.5-6.036 14.536t-14.536 6.036h-68.571q-8.5 0-14.536-6.036t-6.036-14.536v-68.571q0-8.5 6.036-14.536t14.536-6.036h68.571q8.5 0 14.536 6.036t6.036 14.536z" fill="#444444"></path>
+</svg>

data/public/img/plus-square.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generated by IcoMoon.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128" viewBox="0 0 128 128">
+<path d="M91.429 68.571v-9.143q0-1.857-1.357-3.214t-3.214-1.357h-22.857v-22.857q0-1.857-1.357-3.214t-3.214-1.357h-9.143q-1.857 0-3.214 1.357t-1.357 3.214v22.857h-22.857q-1.857 0-3.214 1.357t-1.357 3.214v9.143q0 1.857 1.357 3.214t3.214 1.357h22.857v22.857q0 1.857 1.357 3.214t3.214 1.357h9.143q1.857 0 3.214-1.357t1.357-3.214v-22.857h22.857q1.857 0 3.214-1.357t1.357-3.214zM109.714 29.714v68.571q0 8.5-6.036 14.536t-14.536 6.036h-68.571q-8.5 0-14.536-6.036t-6.036-14.536v-68.571q0-8.5 6.036-14.536t14.536-6.036h68.571q8.5 0 14.536 6.036t6.036 14.536z" fill="#444444"></path>
+</svg>

data/public/js/custom.js

@@ -41,7 +41,7 @@ $(function() {
   // filter repositories
   $('.js-filter-query').on('keyup', function() {
     var regexp = new RegExp($(this).val(), 'i'),
-        $repolist = $('.js-repolist li');
+        $repolist = $('.js-repolist a');
 
     $repolist.hide();
     $repolist.filter(function() {

data/spec/ginatra/helpers_spec.rb

@@ -33,19 +33,19 @@ describe Ginatra::Helpers do
   describe "#file_icon" do
     context "symbolic link" do
       it "returns icon share-alt" do
-        expect(file_icon(40960)).to eq("<span class='icon-share-alt'></span>")
+        expect(file_icon(40960)).to eq("<img src='/img/mail-forward.svg' alt='symbolic link' class='icon'>")
       end
     end
 
     context "executable file" do
       it "returns icon asterisk" do
-        expect(file_icon(33261)).to eq("<span class='icon-asterisk'></span>")
+        expect(file_icon(33261)).to eq("<img src='/img/asterisk.svg' alt='executable file' class='icon'>")
       end
     end
 
     context "non-executable file" do
       it "returns icon file" do
-        expect(file_icon(33188)).to eq("<span class='icon-file'></span>")
+        expect(file_icon(33188)).to eq("<img src='/img/file.svg' alt='file' class='icon'>")
       end
     end
   end
@@ -75,7 +75,7 @@ describe Ginatra::Helpers do
   describe "#empty_description_hint_for" do
     it "returns a hint for a repo with empty description" do
       hint_text = "Edit `#{repo.path}description` file to set the repository description."
-      expect(empty_description_hint_for(repo)).to eq("<span class='icon-exclamation-sign' title='#{hint_text}'></span>")
+      expect(empty_description_hint_for(repo)).to eq("<img src='/img/exclamation-circle.svg' title='#{hint_text}' alt='hint' class='icon'>")
     end
   end
 

data/spec/ginatra/logger_spec.rb

@@ -0,0 +1,9 @@
+require 'spec_helper'
+
+describe Ginatra::Logger do
+  describe "#logger" do
+    it "returns logger instance" do
+      expect(Ginatra::Logger.logger).to be_a(Logger)
+    end
+  end
+end

data/spec/spec_helper.rb

@@ -16,3 +16,5 @@ RSpec.configure do |config|
   config.include Rack::Test::Methods
   config.include Ginatra::Helpers
 end
+
+Ginatra.config.git_dirs << "./repos/*" unless Ginatra.config.git_dirs.include?('./repos/*')

data/views/_footer.erb

@@ -1,7 +1,3 @@
-<footer class="navbar navbar-fixed-bottom">
-  <nav class="navbar-inner">
-    <div class="container-fluid">
-      <p>Powered by <a href="https://github.com/narkoz/ginatra" target="_blank">Ginatra</a></p>
-    </div>
-  </nav>
+<footer>
+  <p class="text-center">Powered by <a href="https://github.com/narkoz/ginatra" target="_blank">Ginatra</a></p>
 </footer>

data/views/_tree_nav.erb

@@ -1,53 +1,57 @@
 <% if @repo.branch_exists?(params[:tree]) %>
-  <div class="row-fluid">
-    <ul class="nav nav-pills pull-left">
-      <li>
-        <a href="<%= prefix_url(@repo.param) %>/<%= params[:tree] %>">Commits</a>
-      </li>
-      <li class="active">
-        <a href="<%= prefix_url(@repo.param) %>/tree/<%= params[:tree] %>">Source</a>
-      </li>
-      <li>
-        <a href="<%= prefix_url(@repo.param) %>/stats/<%= params[:tree] %>">Stats</a>
-      </li>
-    </ul>
+  <div class="row">
+    <div class="col-md-12">
+      <ul class="nav nav-pills pull-left">
+        <li>
+          <a href="<%= prefix_url(@repo.param) %>/<%= params[:tree] %>">Commits</a>
+        </li>
+        <li class="active">
+          <a href="<%= prefix_url(@repo.param) %>/tree/<%= params[:tree] %>">Source</a>
+        </li>
+        <li>
+          <a href="<%= prefix_url(@repo.param) %>/stats/<%= params[:tree] %>">Stats</a>
+        </li>
+      </ul>
 
-    <div class="btn-group pull-right">
-      <button class="btn btn-small dropdown-toggle" data-toggle="dropdown">
-        <%= params[:tree] %> <span class="caret"></span>
-      </button>
-      <ul class="dropdown-menu">
-        <li class="dropdown-hint">Branches</li>
-        <li class="divider"></li>
-        <% @repo.branches.each do |branch| %>
-          <% if @blob %>
-            <li><a href="<%= prefix_url(@repo.param) %>/blob/<%= branch.name %>/<%= params[:splat].first %>"><%= branch.name %></a></li>
-          <% else %>
-            <li><a href="<%= prefix_url(@repo.param) %>/tree/<%= branch.name %><%= "/#{params[:splat].first}" unless params[:splat].nil? || params[:splat].empty? %>"><%= branch.name %></a></li>
+      <div class="btn-group pull-right">
+        <button class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
+          <%= params[:tree] %> <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu">
+          <li class="dropdown-hint">Branches</li>
+          <li class="divider"></li>
+          <% @repo.branches.each do |branch| %>
+            <% if @blob %>
+              <li><a href="<%= prefix_url(@repo.param) %>/blob/<%= branch.name %>/<%= params[:splat].first %>"><%= branch.name %></a></li>
+            <% else %>
+              <li><a href="<%= prefix_url(@repo.param) %>/tree/<%= branch.name %><%= "/#{params[:splat].first}" unless params[:splat].nil? || params[:splat].empty? %>"><%= branch.name %></a></li>
+            <% end %>
           <% end %>
-        <% end %>
-      </ul>
+        </ul>
+      </div>
     </div>
   </div>
 <% end %>
 
 <% unless params[:splat].nil? or params[:splat].empty? %>
   <% tree_nav = params[:splat].first.split('/') %>
-  <ul class="breadcrumb" id="js-tree-nav">
-    <li>
-      <a href="<%= prefix_url(@repo.param) %>/tree/<%= params[:tree] %>"><%= @repo.name %></a>
-      <span class="divider">/</span>
-    </li>
-
-    <% tree_nav.each_with_index do |path, index| %>
-      <% if index == tree_nav.size - 1 %>
-        <li class="active"><%= tree_nav.last %></li>
-      <% else %>
+  <div class="row">
+    <div class="col-md-12">
+      <ol class="breadcrumb" id="js-tree-nav">
         <li>
-          <a href="<%= prefix_url(@repo.param) %>/tree/<%= params[:tree] %>/<%= tree_nav[0..index].join('/') %>"><%= path %></a>
-          <span class="divider">/</span>
+          <a href="<%= prefix_url(@repo.param) %>/tree/<%= params[:tree] %>"><%= @repo.name %></a>
         </li>
-      <% end %>
-    <% end %>
-  </ul>
+
+        <% tree_nav.each_with_index do |path, index| %>
+          <% if index == tree_nav.size - 1 %>
+            <li class="active"><%= tree_nav.last %></li>
+          <% else %>
+            <li>
+              <a href="<%= prefix_url(@repo.param) %>/tree/<%= params[:tree] %>/<%= tree_nav[0..index].join('/') %>"><%= path %></a>
+            </li>
+          <% end %>
+        <% end %>
+      </ol>
+    </div>
+  </div>
 <% end %>

data/views/blob.erb

@@ -5,9 +5,11 @@
 
 <% raw_blob_url = "#{prefix_url(@repo.param)}/raw/#{params[:tree]}/#{params[:splat].first}" %>
 
-<div class="row-fluid">
-  <p class="pull-left"><%= file_icon @blob[:filemode] %> <%= @blob[:name] %></p>
-  <p class="pull-right"><a href="<%= raw_blob_url %>">Raw</a></p>
+<div class="row">
+  <div class="col-md-12">
+    <p class="pull-left"><%= file_icon @blob[:filemode] %> <%= @blob[:name] %></p>
+    <p class="pull-right"><a href="<%= raw_blob_url %>">Raw</a></p>
+  </div>
 </div>
 
 <% blob = @repo.find_blob @blob[:oid] %>
@@ -19,7 +21,7 @@
     </a>
   <% else %>
     <p>Binary file</p>
-    <p><span class="icon-download"></span> <a href="<%= raw_blob_url %>">Download</a></p>
+    <p><img src="/img/download.svg" alt="download" class="icon"> <a href="<%= raw_blob_url %>">Download</a></p>
   <% end %>
 <% else %>
   <div class="source-wrapper highlight">

data/views/commit.erb

@@ -2,8 +2,8 @@
 <%= partial :header, locals: { repo: @repo } %>
 
 <div class="info-box">
-  <div class="row-fluid">
-    <div class="span5">
+  <div class="row">
+    <div class="col-md-5">
       <%= simple_format h(@commit.message) %>
 
       <div class="author-box">
@@ -30,16 +30,16 @@
         <% end %>
       </p>
     </div>
-    <div class="span7">
-      <div class="row-fluid">
-        <div class="span1">
+    <div class="col-md-7">
+      <div class="row">
+        <div class="col-md-1">
           <p><strong>commit:</strong></p>
           <p><strong>tree:</strong></p>
           <% @commit.parents.size.times do %>
             <p><strong>parent:</strong></p>
           <% end %>
         </div>
-        <div class="span3">
+        <div class="col-md-3">
           <p>
             <a href="<%= prefix_url(@repo.param) %>/commit/<%= @commit.oid %>">
               <%= @commit.oid %>
@@ -60,7 +60,7 @@
           </p>
           <% end %>
 
-          <p><span class="icon-download"></span> <%= patch_link @commit, @repo.param %></p>
+          <p><img src="/img/download.svg" alt="download" class="icon"> <%= patch_link @commit, @repo.param %></p>
         </div>
       </div>
     </div>
@@ -72,23 +72,25 @@
 
   <p>
     <button class="btn btn-primary"><%= diff.deltas.size %> changed files</button>
-    <button class="btn" type="button" id="js-toggle-file-listing">Show file listing</button>
+    <button class="btn btn-default" type="button" id="js-toggle-file-listing">Show file listing</button>
   </p>
 
-  <div class="hide" id="js-file-listing">
+  <div class="diff-files-list" id="js-file-listing">
     <%= file_listing diff %>
   </div>
 
   <% diff.patches.each_with_index do |patch, index| %>
-    <div class="row-fluid">
-      <p class="pull-left">
-        <span class="icon-file"></span> <a id='file-<%= index + 1 %>'><%= patch.delta.new_file[:path] %></a>
-      </p>
-      <p class="pull-right">
-        <% unless patch.delta.deleted? %>
-          <a href="<%= prefix_url(@repo.param) %>/blob/<%= @commit.tree.oid %>/<%= patch.delta.new_file[:path] %>">view file</a>
-        <% end %>
-      </p>
+    <div class="row">
+      <div class="col-md-12">
+        <p class="pull-left">
+          <img src="/img/file.svg" alt="file" class="icon"> <a id='file-<%= index + 1 %>'><%= patch.delta.new_file[:path] %></a>
+        </p>
+        <p class="pull-right">
+          <% unless patch.delta.deleted? %>
+            <a href="<%= prefix_url(@repo.param) %>/blob/<%= @commit.tree.oid %>/<%= patch.delta.new_file[:path] %>">view file</a>
+          <% end %>
+        </p>
+      </div>
     </div>
 
     <% patch.hunks.each do |hunk| %>

data/views/empty_repo.erb

@@ -1,10 +1,8 @@
 <% title @repo.name, headline: 'Empty repository' %>
 <%= partial :header, locals: { repo: @repo } %>
 
-<div class="row-fluid">
-  <div class="span12">
-    <div class="row-fluid">
-      Repository is empty.
-    </div>
+<div class="row">
+  <div class="col-md-12">
+    Repository is empty.
   </div>
 </div>

data/views/index.erb

@@ -1,7 +1,9 @@
+<% title 'Repositories' %>
+
 <div class="page-header">
-  <h1><%= title 'Repositories' %> <small><%= h Ginatra.config.description %></small></h1>
+  <h1>Repositories <small><%= h Ginatra.config.description %></small></h1>
   <% if Ginatra.config.git_clone_enabled? && @repositories.any? %>
-    <div class="muted clone-hint">
+    <div class="text-muted clone-hint">
       To clone one of these repositories, install git, and run:
       git clone <%= url %><strong>repo-name</strong>
     </div>
@@ -9,20 +11,20 @@
 </div>
 
 <% if @repositories.size > 10 %>
-  <div class="row-fluid filter">
-    <input type="text" class="span12 js-filter-query" placeholder="Filter...">
+  <div class="row filter">
+    <div class="col-md-12">
+      <input type="text" class="form-control js-filter-query" placeholder="Filter...">
+    </div>
   </div>
 <% end %>
 
-<ul class="nav nav-tabs nav-stacked js-repolist">
+<div class="list-group repo-list js-repolist">
   <% @repositories.each do |repo| %>
-    <li>
-      <a href="<%= prefix_url(repo.param) %>">
-        <h2>
-          <%= empty_description_hint_for(repo) %>
-          <%= repo.name %> <small><%= h repo.description %></small>
-        </h2>
-      </a>
-    </li>
+    <a href="<%= prefix_url(repo.param) %>" class="list-group-item">
+      <h2>
+        <%= empty_description_hint_for(repo) %>
+        <%= repo.name %> <small><%= h repo.description %></small>
+      </h2>
+    </a>
   <% end %>
-</ul>
+</div>

data/views/layout.erb

@@ -2,16 +2,17 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title><%= title(sitename: 'Ginatra') %></title>
+    <title><%= title %></title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href="<%= prefix_url("assets/application.css") %>" rel="stylesheet">
     <% if @repo %>
       <link href="<%= atom_feed_url @repo.name, params[:ref] %>" title="Commits to <%= @repo.name %><%= ": #{params[:ref]}" if params[:ref] %>" type="application/atom+xml" rel="alternate">
     <% end %>
   </head>
   <body>
-    <div class="container-fluid push">
+    <div class="container-fluid">
       <div class="well header">
-        <h1><a href="<%= prefix_url %>">Ginatra</a></h1>
+        <h1><a href="<%= prefix_url %>"><%= Ginatra.config.sitename %></a></h1>
       </div>
 
       <%= yield %>

data/views/log.erb

@@ -1,10 +1,10 @@
 <% title @repo.name, headline: 'Commits' %>
 <%= partial :header, locals: { repo: @repo } %>
 
-<div class="row-fluid">
-  <div class="span12">
-    <div class="row-fluid">
-      <div class="span8">
+<div class="row">
+  <div class="col-md-12">
+    <div class="row">
+      <div class="col-md-8">
         <ul class="nav nav-pills">
           <li class="active">
             <a href="<%= prefix_url(@repo.param) %>/<%= params[:ref] %>">Commits</a>
@@ -52,32 +52,34 @@
         </ul>
       </div>
 
-      <div class="span4">
-        <ul class="nav nav-list">
-          <li class="nav-header">Branches (<%= @repo.branches.size %>)</li>
-          <% @repo.branches.each do |branch| %>
-            <li class="<%= 'active' if branch.name == params[:ref] %>">
-              <a href="<%= h prefix_url(@repo.param) %>/<%= h branch.name %>">
+      <div class="col-md-4">
+        <div class="panel panel-default">
+          <div class="panel-heading">Branches (<%= @repo.branches.size %>)</div>
+
+          <ul class="list-group">
+            <% @repo.branches.each do |branch| %>
+              <a class="list-group-item <%= 'active' if branch.name == params[:ref] %>" href="<%= h prefix_url(@repo.param) %>/<%= h branch.name %>">
                 <%= h branch.name %>
               </a>
-            </li>
-          <% end %>
+            <% end %>
+          </ul>
+        </div>
 
-          <li class="divider"></li>
+        <div class="panel panel-default">
+          <div class="panel-heading">Tags (<%= @repo.tags.count %>)</div>
 
-          <li class="nav-header">Tags (<%= @repo.tags.count %>)</li>
-          <% if @repo.tags.any? %>
-            <% @repo.tags.each_name do |tag| %>
-              <li>
-                <a href="<%= h prefix_url(@repo.param) %>/tag/<%= h tag %>">
+          <ul class="list-group">
+            <% if @repo.tags.any? %>
+              <% @repo.tags.each_name do |tag| %>
+                <a class="list-group-item" href="<%= h prefix_url(@repo.param) %>/tag/<%= h tag %>">
                   <%= h tag %>
                 </a>
-              </li>
+              <% end %>
+            <% else %>
+              <li class="list-group-item">No tags</li>
             <% end %>
-          <% else %>
-            <li>No tags</li>
-          <% end %>
-        </ul>
+          </ul>
+        </div>
       </div>
     </div>
   </div>