From 5125301510acfb43c6ae212bf282aa6c6af63b9b Mon Sep 17 00:00:00 2001
From: dekanbro <dekanbrown@odyssy.io>
Date: Wed, 15 Nov 2023 16:09:34 -0700
Subject: [PATCH 1/2] styles to make proposal details more readable

---
 .../ProposalDetails/ProposalDetails.tsx       | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/libs/moloch-v3-macro-ui/src/components/ProposalDetails/ProposalDetails.tsx b/libs/moloch-v3-macro-ui/src/components/ProposalDetails/ProposalDetails.tsx
index fb230879..e990f1fa 100644
--- a/libs/moloch-v3-macro-ui/src/components/ProposalDetails/ProposalDetails.tsx
+++ b/libs/moloch-v3-macro-ui/src/components/ProposalDetails/ProposalDetails.tsx
@@ -35,6 +35,28 @@ const Spacer = styled.div`
   margin-bottom: 2rem;
 `;
 
+const ReactMarkdownWrapper = styled.div`
+
+    font-size: 1.6rem;
+
+    .description {
+      p, h1, h2, h3, h4 {
+        margin-top: 1rem;
+      }
+      h2 + p {
+        margin-top: 0;
+      }
+      h3 + p {
+        margin-top: 0;
+      }
+      h4 + p {
+        margin-top: 0;
+      }
+    }
+
+
+`;
+
 type ProposalDetailsProps = {
   daoChain: string;
   daoId: string;
@@ -61,7 +83,7 @@ export const ProposalDetails = ({
 
   return (
     <OverviewContainer>
-      <ReactMarkdown className="description">{proposal.description}</ReactMarkdown>
+      <ReactMarkdownWrapper><ReactMarkdown className="description">{proposal.description}</ReactMarkdown></ReactMarkdownWrapper>
       {proposal.contentURI && (
         <Link href={proposal.contentURI} className="proposal-link">
           Link

From e30f61134ce23a8eb17dcf9fb56bb962df25fe82 Mon Sep 17 00:00:00 2001
From: dekanbro <dekanbrown@odyssy.io>
Date: Wed, 15 Nov 2023 19:20:50 -0700
Subject: [PATCH 2/2] style update

---
 .../ProposalDetails/ProposalDetails.tsx       | 45 ++++++++++---------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/libs/moloch-v3-macro-ui/src/components/ProposalDetails/ProposalDetails.tsx b/libs/moloch-v3-macro-ui/src/components/ProposalDetails/ProposalDetails.tsx
index e990f1fa..26bbf545 100644
--- a/libs/moloch-v3-macro-ui/src/components/ProposalDetails/ProposalDetails.tsx
+++ b/libs/moloch-v3-macro-ui/src/components/ProposalDetails/ProposalDetails.tsx
@@ -29,32 +29,33 @@ import { ProposalWarning } from '../ProposalActionData/ProposalWarning';
 import styled from 'styled-components';
 import { ProposalActionConfig } from '../ProposalActionData';
 
-import ReactMarkdown from "react-markdown";
+import ReactMarkdown from 'react-markdown';
 
 const Spacer = styled.div`
   margin-bottom: 2rem;
 `;
 
 const ReactMarkdownWrapper = styled.div`
-
-    font-size: 1.6rem;
-
-    .description {
-      p, h1, h2, h3, h4 {
-        margin-top: 1rem;
-      }
-      h2 + p {
-        margin-top: 0;
-      }
-      h3 + p {
-        margin-top: 0;
-      }
-      h4 + p {
-        margin-top: 0;
-      }
+  font-size: 1.6rem;
+
+  .description {
+    p,
+    h1,
+    h2,
+    h3,
+    h4 {
+      margin-top: 1rem;
     }
-
-
+    h2 + p {
+      margin-top: 0;
+    }
+    h3 + p {
+      margin-top: 0;
+    }
+    h4 + p {
+      margin-top: 0;
+    }
+  }
 `;
 
 type ProposalDetailsProps = {
@@ -83,7 +84,11 @@ export const ProposalDetails = ({
 
   return (
     <OverviewContainer>
-      <ReactMarkdownWrapper><ReactMarkdown className="description">{proposal.description}</ReactMarkdown></ReactMarkdownWrapper>
+      <ReactMarkdownWrapper>
+        <ReactMarkdown className="description">
+          {proposal.description}
+        </ReactMarkdown>
+      </ReactMarkdownWrapper>
       {proposal.contentURI && (
         <Link href={proposal.contentURI} className="proposal-link">
           Link