web/layout: more global styling for long-text-noto

web/src/components/changelog/ChangelogEntry.svelte

@@ -162,19 +162,4 @@
     .changelog-body {
         width: 100%;
     }
-
-    .changelog-body :global(ul) {
-        padding-inline-start: 30px;
-    }
-
-    .changelog-body :global(li) {
-        padding-left: 3px;
-    }
-
-    @media screen and (max-width: 535px) {
-        .changelog-body,
-        .changelog-body :global(*) {
-            font-size: 14px;
-        }
-    }
 </style>

web/src/routes/+layout.svelte

@@ -443,6 +443,21 @@
         -webkit-user-select: text;
     }
 
+    :global(.long-text-noto ul) {
+        padding-inline-start: 30px;
+    }
+
+    :global(.long-text-noto li) {
+        padding-left: 3px;
+    }
+
+    @media screen and (max-width: 535px) {
+        :global(.long-text-noto),
+        :global(.long-text-noto *) {
+            font-size: 14px;
+        }
+    }
+
     [data-reduce-motion="true"] :global(*) {
         animation: none !important;
         transition: none !important;