add [u], [big], [small], [color], [center], [right] tags to babycode

data/static/js/babycode-editor.js

@@ -42,6 +42,7 @@
   const buttonBold = document.getElementById("post-editor-bold");
   const buttonItalics = document.getElementById("post-editor-italics");
   const buttonStrike = document.getElementById("post-editor-strike");
+  const buttonUnderline = document.getElementById("post-editor-underline");
   const buttonUrl = document.getElementById("post-editor-url");
   const buttonCode = document.getElementById("post-editor-code");
   const buttonImg = document.getElementById("post-editor-img");
@@ -105,6 +106,10 @@
     e.preventDefault();
     insertTag("s")
   })
+  buttonUnderline.addEventListener("click", (e) => {
+    e.preventDefault();
+    insertTag("u")
+  })
   buttonUrl.addEventListener("click", (e) => {
     e.preventDefault();
     insertTag("url=", false, "link label");

data/static/style.css

@@ -792,7 +792,8 @@ ul, ol {
 
 .babycode-button-container {
   display: flex;
-  gap: 10px;
+  gap: 5px;
+  flex-wrap: wrap;
 }
 
 .babycode-button {
@@ -851,3 +852,7 @@ footer {
   margin: auto;
   justify-content: center;
 }
+
+.babycode-guide-list {
+  border-bottom: 1px dashed;
+}