From 69511779eefd7ea0ff0436080fb46d82fa3786ba Mon Sep 17 00:00:00 2001
From: Cédric Bonhomme <cedric@cedricbonhomme.org>
Date: Sun, 1 Mar 2020 22:57:31 +0100
Subject: Simplify CSS>

---
 newspipe/web/static/css/customized-bootstrap.css | 34 +++---------------------
 newspipe/web/templates/home.html                 |  8 +++---
 2 files changed, 7 insertions(+), 35 deletions(-)

diff --git a/newspipe/web/static/css/customized-bootstrap.css b/newspipe/web/static/css/customized-bootstrap.css
index d86422ab..f286cb2a 100644
--- a/newspipe/web/static/css/customized-bootstrap.css
+++ b/newspipe/web/static/css/customized-bootstrap.css
@@ -10,12 +10,14 @@ body {
 img {
     padding: 2px;
 }
+a {
+    color: #3572B0;
+}
 
 .bg-newspipe-blue {
     background-color: #205081;
 }
 
-
 /* Sticky footer */
 .footer {
   position: absolute;
@@ -30,41 +32,11 @@ img {
     color: #FFFFFF;
 }
 
-
 #sidebar {
     overflow: auto;
     max-height: 700px;
 }
 
-#newspipenav {
-    background-color: #205081;
-    border: #205081;
-    border-radius: 0;
-}
-#newspipenav>div.container {
-  width: 100%;
-}
-#newspipenav span.glyphicon {
-  margin-right: 5px;
-}
-#newspipenav button {
-  margin-left: 5px;
-}
-
-#newspipenav a.navbar-brand,
-#newspipenav .newspipenavitem a,
-#newspipenav a.dropdown-toggle{
-    color: white;
-}
-#newspipenav .navbar-nav > .open > a,
-#newspipenav .navbar-nav > .open > a:hover,
-#newspipenav .navbar-nav > li > a:hover {
-    background-color: #3572B0;
-}
-a {
-    color: #3572B0;
-}
-
 .input-group-inline {
     min-width: 0;
     width: 200px;
diff --git a/newspipe/web/templates/home.html b/newspipe/web/templates/home.html
index a0e7d798..73ed3f64 100644
--- a/newspipe/web/templates/home.html
+++ b/newspipe/web/templates/home.html
@@ -61,7 +61,7 @@
     </div>
     <div class="col-md-12 col-lg-9">
         <div id="filters" data-filter="{{ filter_ }}">
-            <ul class="nav nav-tabs mr-auto">
+            <ul class="nav nav-tabs ml-auto">
                 <li id="tab-all" class="nav-item">
                     <a class="nav-link {% if filter_ == 'all' %}active{% endif %}" href="{{ gen_url(filter_='all') }}">{{ _('All') }}</a>
                 </li>
@@ -71,10 +71,10 @@
                 <li id="tab-unread" class="nav-item">
                     <a class="nav-link {% if filter_ == 'unread' %}active{% endif %}" href="{{ gen_url(filter_='unread') }}">{{ _('Unread') }}</a>
                 </li>
-                <li id="tab-unread" class="nav-item">
-                    <a class="nav-link {% if liked %}active{% endif %}" href="{{ gen_url(liked=not liked) }}">{{ _('Liked') }}</a>
+                <li id="tab-unread" class="px-5 nav-item">
+                    <a class="nav-link {% if liked %}active{% endif %}" href="{{ gen_url(liked=not liked) }}"><i class="fa fa-heart" aria-hidden="true"></i>&nbsp;{{ _('Liked') }}</a>
                 </li>
-                <li id="tab-nbdisplay" class="pull-right">
+                <li id="tab-nbdisplay" class="px-5 nav-item">
                     <div id="nbdisplay">
                         <a href="{{ gen_url(limit=10) }}" class="badge {% if limit == 10 %}badge-primary{% else %}badge-info{% endif %}">{{ _(10) }}</a>
                         <a href="{{ gen_url(limit=100) }}" class="badge {% if limit == 100 %}badge-primary{% else %}badge-info{% endif %}">{{ _(100) }}</a>
-- 
cgit