aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--newspipe/web/static/css/customized-bootstrap.css34
-rw-r--r--newspipe/web/templates/home.html8
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>
bgstack15