:zap: [Enhance] screenshot right offset, and button padding

components/buttons_binder.js

@@ -210,12 +210,14 @@ class ScreenshotButtonBinder {
             // default padding is 0.75em (12px)
             // p-1 (4px)(0.25em); p-2 (8px)(0.5em); p-3 (16px)(1em);
             let container_padding = 12;
+            let right_offset = 20;
             html2canvas($("#messagers-container")[0], {
                 x: -(container_padding + screenshot_padding),
                 width:
                     $("#messagers-container").width() +
                     container_padding * 2 +
-                    screenshot_padding * 2,
+                    screenshot_padding * 2 +
+                    right_offset,
             }).then((canvas) => {
                 var link = document.createElement("a");
                 let date = new Date();

components/messager.js

@@ -43,9 +43,10 @@ class MessagerViewer {
             .css("z-index", "1")
             .css("padding", "auto");
 
+        let btn_class = "btn pt-0 pl-3";
         if (this.message.role === "assistant") {
             this.regenerate_button = $("<button>")
-                .addClass("btn pt-0 px-2")
+                .addClass(btn_class)
                 .addClass("regenerate-button")
                 .attr("title", "Regenerate")
                 .append($("<span>").addClass("fa fa-small fa-rotate"));
@@ -54,14 +55,14 @@ class MessagerViewer {
         }
 
         this.edit_button = $("<button>")
-            .addClass("btn pt-0 px-2")
+            .addClass(btn_class)
             .addClass("edit-button")
             .attr("title", "Edit")
             .append($("<span>").addClass("fa fa-small fa-edit"));
         this.button_group.append(this.edit_button);
 
         this.copy_button = $("<button>")
-            .addClass("btn pt-0 px-2")
+            .addClass(btn_class)
             .addClass("copy-button")
             .attr("title", "Copy")
             .append($("<span>").addClass("fa fa-small fa-copy"));