:zap: [Enhance] Finetune margin and padding of messagers-container for screenshot

components/buttons_binder.js

@@ -173,7 +173,7 @@ class ScreenshotButtonBinder {
         const button = $("#screenshot-button");
         button.attr("title", "Take screenshot for whole chat");
         button.click(() => {
-            let screenshot_padding = 20;
+            let screenshot_padding = 0;
             // default padding is 0.75em (12px)
             // p-1 (4px)(0.25em); p-2 (8px)(0.5em); p-3 (16px)(1em);
             let container_padding = 12;

css/default.css

@@ -111,7 +111,7 @@ body {
 }
 
 #messagers-container {
-    padding-top: 73px;
+    margin-top: 68px;
 }
 
 #scroll-to-bottom-button {

index.html

@@ -39,15 +39,15 @@
             </div>
             <div class="my-2 row no-gutters justify-content-end">
                 <div class="col">
-                <button id="clear-chat-history-button" class="btn">
-                    <i class="fa fa-trash"></i>
-                </button>
-            </div>
+                    <button id="clear-chat-history-button" class="btn">
+                        <i class="fa fa-trash"></i>
+                    </button>
+                </div>
                 <div class="col">
                     <button id="screenshot-button" class="btn">
                         <i class="fa fa-camera"></i>
                     </button>
-        </div>
+                </div>
             </div>
         </div>
         <div id="top-toolbar" class="container fixed-top mt-2 pb-2">