From 20a67ffd4bff42dda9b5dfba7cc9a78c1b0431a1 Mon Sep 17 00:00:00 2001
From: mh <hoess@8oceans.com>
Date: Wed, 21 Oct 2020 23:17:29 +0200
Subject: [PATCH] Client: Fix Viewer styles for title-section

---
 Blog3000/Client/Pages/Viewer.razor   | 2 +-
 Blog3000/Client/wwwroot/css/site.css | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/Blog3000/Client/Pages/Viewer.razor b/Blog3000/Client/Pages/Viewer.razor
index 14745ef..868f83a 100644
--- a/Blog3000/Client/Pages/Viewer.razor
+++ b/Blog3000/Client/Pages/Viewer.razor
@@ -10,7 +10,7 @@
         @if (CurrentPost?.Abstract != null)
         {
             <hr />
-            <i>Abstract: @CurrentPost?.Abstract</i>
+            <i class="abstract">Abstract: @CurrentPost?.Abstract</i>
             <hr />
         }
         @if (CurrentPost == null)
diff --git a/Blog3000/Client/wwwroot/css/site.css b/Blog3000/Client/wwwroot/css/site.css
index e3cb952..ebeeaa2 100644
--- a/Blog3000/Client/wwwroot/css/site.css
+++ b/Blog3000/Client/wwwroot/css/site.css
@@ -471,11 +471,17 @@ app {
             font-stretch: condensed;
             font-weight: 600;
             word-break: break-word;
+            max-width: 630px;
         }
 
-        . viewer h2 {
+        .viewer h2 {
             font-weight: 600;
             font-stretch: condensed;
+            max-width: 630px;
+        }
+
+        .viewer .abstract {
+            max-width: 630px;
         }
 
         .viewer img {