fixup! Make lack of plaintext emails explicit

Author: Vinnl

src/emails/StorybookEmailRenderer.tsx

@@ -50,15 +50,17 @@ export const StorybookEmailRenderer = (props: Props) => {
       }
 
       .wrapper .styled {
-        flex: 3 1 0;
+        flex: 2 0 auto;
+        width: 66%;
         padding: 20px;
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 20px;
       }
       .wrapper .plaintext {
-        flex: 1 1 0;
+        flex: 1 0 auto;
+        width: 33%;
         font-family: monospace;
         border-inline-start: 1px solid #eee;
         padding: 20px;
@@ -68,6 +70,10 @@ export const StorybookEmailRenderer = (props: Props) => {
         align-items: flex-start;
         gap: 20px;
       }
+
+      .plaintext pre {
+        white-space: pre-wrap;
+      }
   `}</style>
       <section className="styled">
         <div className="badge">HTML</div>