From f7c6f051f05df309d1240c7563e63bd49cff0d44 Mon Sep 17 00:00:00 2001
From: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Date: Fri, 3 Sep 2021 10:24:05 -0500
Subject: [PATCH] Fixes changelog to look better  with larger bodies (#1634)

---
 src/renderer/App.css | 6 ++++++
 src/renderer/App.vue | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/renderer/App.css b/src/renderer/App.css
index 6adf7ac0..de31d0a1 100644
--- a/src/renderer/App.css
+++ b/src/renderer/App.css
@@ -32,6 +32,12 @@ body {
   margin-bottom: -75px;
 }
 
+#changeLogText {
+  overflow-y: scroll;
+  height: 40vh;
+  display: block
+}
+
 .fade-enter-active, .fade-leave-active {
   transition: opacity .15s;
 }
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 46c21784..9187a759 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -46,7 +46,10 @@
       <h2>
         {{ changeLogTitle }}
       </h2>
-      <span v-html="updateChangelog" />
+      <span
+        id="changeLogText"
+        v-html="updateChangelog"
+      />
       <ft-flex-box>
         <ft-button
           :label="$t('Download From Site')"