From f1810827bcf3b2d2ef042515946faf6f6cbbe8b5 Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Mon, 10 Aug 2020 17:07:52 +0100
Subject: [PATCH] content styling

---
 template/index.html                 |  2 +-
 template/static/stylesheets/app.css | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/template/index.html b/template/index.html
index 62b76f0..799c7ce 100644
--- a/template/index.html
+++ b/template/index.html
@@ -224,7 +224,7 @@
                  ref="content"
                  class="content px-4 pt-3 pb-5 border-top overflow-auto"
                  :style="{'font-family': theme.font, 'font-size': theme.size + 'rem'}">
-                <h3>{{itemSelectedDetails.title}}</h3>
+                <h1><b>{{itemSelectedDetails.title}}</b></h1>
                 <div class="text-muted">
                     <div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div>
                     <time>{{ formatDate(itemSelectedDetails.date) }}</time>
diff --git a/template/static/stylesheets/app.css b/template/static/stylesheets/app.css
index 887fc1e..3d73a5d 100644
--- a/template/static/stylesheets/app.css
+++ b/template/static/stylesheets/app.css
@@ -447,6 +447,21 @@ select.form-control:not([multiple]):not([size]) {
   overflow-x: scroll;
 }
 
+.content h1 {
+  font-size: 1.8rem;
+}
+.content h2 {
+  font-size: 1.5rem;
+}
+.content h3 {
+  font-size: 1.17rem;
+}
+.content h4,
+.content h5,
+.content h6 {
+  font-size: 1rem;
+}
+
 /* theme: sepia */
 
 .themepicker input[value=sepia] + .themepicker-label,