From 5fc436a36bf5b6307b90cb04513790ba4c5832ee Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Sat, 4 Jul 2020 16:50:27 +0100
Subject: [PATCH] some content styling

---
 template/index.html                 |  4 ++--
 template/static/stylesheets/app.css | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/template/index.html b/template/index.html
index 830981e..8304933 100644
--- a/template/index.html
+++ b/template/index.html
@@ -94,14 +94,14 @@
                     <img src="./static/images/settings.svg" alt="" style="width: 20px; height: 20px;">
                 </button>
             </div>
-            <div v-if="itemSelected" class="px-3 pt-2 border-top overflow-auto">
+            <div v-if="itemSelected" class="px-3 pt-3 pb-5 border-top overflow-auto">
                 <h3>{{itemSelectedDetails.title}}</h3>
                 <div class="text-muted">
                     <div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div>
                     <time>{{ formatDate(itemSelectedDetails.date) }}</time>
                 </div>
                 <hr>
-                <div>
+                <div class="content">
                     <div v-html="itemSelectedDetails.content" v-if="itemSelectedDetails.content"></div>
                     <div v-html="itemSelectedDetails.description" v-else-if="itemSelectedDetails.description"></div>
                 </div>
diff --git a/template/static/stylesheets/app.css b/template/static/stylesheets/app.css
index 278f05d..9607d67 100644
--- a/template/static/stylesheets/app.css
+++ b/template/static/stylesheets/app.css
@@ -202,3 +202,17 @@ select.form-control:not([multiple]):not([size]) {
   background: #f5f7f9;
   box-shadow: none;
 }
+
+.content a:hover {
+  text-decoration: none;
+}
+
+.content blockquote {
+  border-left: 3px solid #22262a;
+  padding-left: 1rem;
+}
+
+.content img {
+  width: 100%;
+  height: auto;
+}