change log modal styling

resources/assets/sass/app.css

@@ -191,6 +191,28 @@
         @apply font-normal;
     }
     /* after the upgrade tailwind 3.2.1, this tags font-weight changed. Added this block for now */
+
+    /* changelog modal styling for update center */
+    .change-log-modal h2 {
+        @apply text-2xl font-bold text-black mb-3;
+    }
+
+    .change-log-modal h3 {
+        @apply text-lg font-bold text-black mb-3;
+    }
+
+    .change-log-modal ul {
+        @apply list-disc list-inside mb-3;
+    }
+
+    .change-log-modal li {
+        @apply text-base text-black;
+    }
+
+    .change-log-modal a {
+        @apply text-purple underline;
+    }
+    /* changelog modal styling for update center */
 }
 
 /* menu */

resources/views/install/updates/index.blade.php

@@ -109,7 +109,7 @@
         </x-index.container>
 
         <akaunting-modal v-if="changelog.show"
-            modal-dialog-class="max-w-screen-2xl"
+            modal-dialog-class="max-w-screen-xl change-log-modal"
             :show="changelog.show"
             :title="'{{ trans('updates.changelog') }}'"
             @cancel="changelog.show = false"