3 files changed, 24 insertions, 25 deletions
diff --git a/app/views/categories/_category_header.html.erb b/app/views/categories/_category_header.html.erb
index b52cecf..9bf2a49 100644
--- a/app/views/categories/_category_header.html.erb
+++ b/app/views/categories/_category_header.html.erb
@@ -1,7 +1,7 @@
 <ol class="breadcrumb">
-  <li><a href="/">Home</a></li>
-  <li><%= link_to t(:packages), categories_path %></li>
-  <li class="active"><%= category.name %></li>
+  <li class="breadcrumb-item"><a href="/">Home</a></li>
+  <li class="breadcrumb-item"><%= link_to t(:packages), categories_path %></li>
+  <li class="breadcrumb-item active"><%= category.name %></li>
 </ol>
 
 <div class="row">
diff --git a/app/views/categories/index.html.erb b/app/views/categories/index.html.erb
index 9c19c9c..8bca93d 100644
--- a/app/views/categories/index.html.erb
+++ b/app/views/categories/index.html.erb
@@ -1,17 +1,18 @@
 <ol class="breadcrumb">
-  <li><a href="/">Home</a></li>
-  <li class="active"><%= t :packages %></li>
+  <li class="breadcrumb-item"><a href="/">Home</a></li>
+  <li class="breadcrumb-item active"><%= t :packages %></li>
 </ol>
 
+
 <h1><%= t :packages %></h1>
 
 <div class="row">
   <div class="col-md-9">
-    <div class="panel panel-default">
-      <div class="panel-heading">
-        <h3 class="panel-title"><%= t :browse_categories %></h3>
+    <div class="card">
+      <div class="card-header">
+        <h4 class="mb-0"><%= t :browse_categories %></h4>
       </div>
-      <div class="panel-body">
+      <div class="card-body">
         <ul class="kk-col-list kk-4col-list kk-category-listing">
         <%- prev_letter = 'z' -%>
         <% @categories.each do |category| %>
@@ -25,24 +26,22 @@
     </div>
   </div>
   <div class="col-md-3">
-    <div class="panel panel-default">
-      <div class="panel-heading">
-        <h3 class="panel-title"><%= t :update_feeds %></h3>
-      </div>
+    <div class="card">
+        <h4 class="card-header"><%= t :update_feeds %></h4>
       <div class="list-group">
-        <a href="<%= added_packages_path %>" class="list-group-item">
+        <a href="<%= added_packages_path %>" class="list-group-item list-group-item-action text-dark">
           <span class="fa fa-fw fa-history"></span>
           <%= t :added_packages %>
         </a>
-        <a href="<%= updated_packages_path %>" class="list-group-item">
+        <a href="<%= updated_packages_path %>" class="list-group-item list-group-item-action text-dark">
           <span class="fa fa-fw fa-asterisk"></span>
           <%= t :updated_packages %>
         </a>
-        <a href="<%= stable_packages_path %>" class="list-group-item">
+        <a href="<%= stable_packages_path %>" class="list-group-item list-group-item-action text-dark">
           <span class="fa fa-fw fa-check-circle-o"></span>
           <%= t :stable_packages %>
         </a>
-        <a href="<%= keyworded_packages_path %>" class="list-group-item">
+        <a href="<%= keyworded_packages_path %>" class="list-group-item list-group-item-action text-dark">
           <span class="fa fa-fw fa-circle-o"></span>
           <%= t :keyworded_packages %>
         </a>
diff --git a/app/views/categories/show.html.erb b/app/views/categories/show.html.erb
index 41cceef..e524860 100644
--- a/app/views/categories/show.html.erb
+++ b/app/views/categories/show.html.erb
@@ -6,21 +6,21 @@
       <input type="text" class="form-control form-control-xl" placeholder="Search packages in <%= @category.name %>">
     </p>-->
 
-    <div class="panel panel-default">
-      <div class="panel-heading">
-        <h3 class="panel-title">All packages</h3>
+    <div class="card">
+      <div class="card-header">
+        <h4 class="mb-0">All packages</h4>
       </div>
-      <table class="table">
+      <table class="table mb-0">
         <%= render partial: 'package_line', collection: @packages, as: 'package' %>
       </table>
     </div>
   </div>
   <div class="col-md-3">
-    <div class="panel panel-default">
-      <div class="panel-heading">
-        <h3 class="panel-title">Statistics</h3>
+    <div class="card">
+      <div class="card-header">
+        <h4 class="mb-0">Statistics</h4>
       </div>
-      <div class="panel-body">
+      <div class="card-body">
         <%= @packages.count %> <%= t :packages %>
       </div>
     </div>