Reduce h2 and list element padding for readability

Author: m-hulbert

src/components/blocks/list/Ol.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import GenericHtmlBlock from '../Html/GenericHtmlBlock';
 
-const Ol: FC = (props) => <ol {...props} className="ui-text-p2 pl-16 pb-32 list-decimal -mt-16" />;
+const Ol: FC = (props) => <ol {...props} className="ui-text-p2 pl-16 pb-16 list-decimal -mt-16" />;
 
 export default GenericHtmlBlock(Ol);

src/components/blocks/list/Ul.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import GenericHtmlBlock from '../Html/GenericHtmlBlock';
 
-const Ul: FC<{ className: string }> = (props) => <ul {...props} className="ui-text-p2 pl-16 pb-32 list-disc" />;
+const Ul: FC<{ className: string }> = (props) => <ul {...props} className="ui-text-p2 pl-16 pb-16 list-disc" />;
 
 export default GenericHtmlBlock(Ul);

src/styles/global.css

@@ -71,7 +71,7 @@
   }
 
   p + .copy-link-identifier:has(h2) {
-    padding-top: 24px;
+    padding-top: 8px;
   }
 
   @font-face {