fix width of markdown

src/sh2.less

@@ -3621,7 +3621,7 @@ input[type=checkbox] {
     .scroller {
         overflow: auto;
         display: flex;
-        flex-diretion: row;
+        flex-direction: row;
     }
 }
 
@@ -3633,7 +3633,7 @@ input[type=checkbox] {
 .markdown-renderer .markdown {
     padding: 5px;
     line-height: 1.5;
-    width: min-content;
+    width: fit-content;
 
     blockquote {
         background-color: #222;

src/view/markdown.tsx

@@ -50,7 +50,7 @@ class SimpleMarkdownRenderer extends React.Component<{data : Blob, context : Ren
         }
         return (
             <div className="renderer-container markdown-renderer">
-                <div className="scroller" style={{maxHeight: opts.maxSize.height}}>
+                <div className="scroller" style={{maxHeight: opts.maxSize.height, width: minWidth, maxWidth: maxWidth}}>
                     <Markdown text={this.markdownText.get()} style={{maxHeight: opts.maxSize.height}}/>
                 </div>
             </div>