fixes, add web warnings

styles/makoto.css

@@ -7,7 +7,7 @@ blockquote  {
 }
 
 p {
-  margin: 4px 0px;
+  margin: 7px 0px;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -18,6 +18,8 @@ h1, h2, h3, h4, h5, h6 {
 .code-block {
   font-family: 'Courier New', Courier, monospace;
   background-color: #d8d8d8;
+  padding: 2px 4px;
+  word-break: break-all;
 }
 
 img {

styles/style.css

@@ -26,15 +26,14 @@ html, body {
 #editor {
   box-sizing: border-box;
   width: 95%;
-  width: calc(100% - 15px);
+  width: calc(100% - 58px);
   height: 95%;
   margin: 0;
   word-break: break-all;
   font-family: 'Courier New', Courier, monospace;
   font-size: 0.9em;
   padding: 3px;
-  padding-left: 35px;
-  margin-left: 15px;
+  padding-left: 58px;
   overflow-y: auto;
 }
 
@@ -44,7 +43,7 @@ html, body {
 
 #rendered-text {
   padding: 5px;
-  word-break: break-all;
+  word-break: break-word;
   font-family: Arial, sans-serif;
 }
 
@@ -56,3 +55,16 @@ html, body {
 #rendered-text.dark .code-block {
   color: #2d2d2d;
 }
+
+.line-warning {
+  position: relative;
+  display: inline-block;
+  width: 0;
+  left: -58px;
+  margin-top: -1px;
+  font-size: 0.9em;
+}
+
+.line-warning::after {
+  content: "⚠️";
+}