Fixed text align in buttons

Author: vizzdoom

build.py

@@ -12,7 +12,7 @@ def compile_assets(html, css, js):
     compilation_time = datetime.datetime.now().astimezone(pytz.timezone('Europe/Warsaw')).strftime("%Y-%m-%d %H:%M")
     img_background = f'background: url("data:image/jpeg;base64,{base64.b64encode(open("background.jpg", "rb").read()).decode()}");'
     css = css.replace(f"  background: url('background.jpg');", img_background)
-    html = html.replace(f'<span id="tool-version"></span>', f'<span id="tool-version">compiled on <strong>{compilation_time}</strong></span>')
+    html = html.replace(f'<span id="tool-version"></span>', f'<span id="tool-version">compilation <strong>{compilation_time}</strong></span>')
     html = html.replace(f'<link rel="stylesheet" href="style.css">', f'')
     html = html.replace(f'</head>', f'<style>\n{css}\n</style>\n</head>')
     html = html.replace(f'<script src="app.js"></script>', f'')

sql-command-builder.html

@@ -16,19 +16,19 @@ <h1><a href="?">SQLMap Command Builder</a></h1>
             </p>
 
             <p>
-                <strong><a href="https://github.com/vizzdoom/sqlmap-command-builder" target="_blank">SQLMap Command Generator <span id="tool-version"></span></a></strong> | Compatible with <strong><a target="_blank" href="https://github.com/sqlmapproject/sqlmap/releases">SQLMap 1.9.4</a></strong> | vizzdoom/at/gmail/dot/com
+                <strong><a href="https://github.com/vizzdoom/sqlmap-command-builder" target="_blank">SQLMap Command Builder <span id="tool-version"></span></a></strong> | Compatible with <strong><a target="_blank" href="https://github.com/sqlmapproject/sqlmap/releases">SQLMap 1.9.4</a></strong> | vizzdoom/at/gmail/dot/com
             </p>
         </header>
 
         <!-- Command Output Area -->
         <div class="command-header">
             <button id="copyBtn" class="btn btn--primary">
-                <span id="copyText"><svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 19v2c0 .621.52 1 1 1h2v-1.5h-1.5v-1.5zm7.5 3h-3.5v-1.5h3.5zm4.5 0h-3.5v-1.5h3.5zm4-3h-1.5v1.5h-1.5v1.5h2c.478 0 1-.379 1-1zm-1.5-1v-3.363h1.5v3.363zm0-4.363v-3.637h1.5v3.637zm-13-3.637v3.637h-1.5v-3.637zm11.5-4v1.5h1.5v1.5h1.5v-2c0-.478-.379-1-1-1zm-10 0h-2c-.62 0-1 .519-1 1v2h1.5v-1.5h1.5zm4.5 1.5h-3.5v-1.5h3.5zm3-1.5v-2.5h-13v13h2.5v-1.863h1.5v3.363h-4.5c-.48 0-1-.379-1-1v-14c0-.481.38-1 1-1h14c.621 0 1 .522 1 1v4.5h-3.5v-1.5z" fill-rule="nonzero"/></svg>
-                    COPY TO A CLIPBOARD</span>
+                <svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 19v2c0 .621.52 1 1 1h2v-1.5h-1.5v-1.5zm7.5 3h-3.5v-1.5h3.5zm4.5 0h-3.5v-1.5h3.5zm4-3h-1.5v1.5h-1.5v1.5h2c.478 0 1-.379 1-1zm-1.5-1v-3.363h1.5v3.363zm0-4.363v-3.637h1.5v3.637zm-13-3.637v3.637h-1.5v-3.637zm11.5-4v1.5h1.5v1.5h1.5v-2c0-.478-.379-1-1-1zm-10 0h-2c-.62 0-1 .519-1 1v2h1.5v-1.5h1.5zm4.5 1.5h-3.5v-1.5h3.5zm3-1.5v-2.5h-13v13h2.5v-1.863h1.5v3.363h-4.5c-.48 0-1-.379-1-1v-14c0-.481.38-1 1-1h14c.621 0 1 .522 1 1v4.5h-3.5v-1.5z" fill-rule="nonzero"/></svg>
+                    COPY TO A CLIPBOARD
             </button>
             <button id="copyUrlBtn" class="btn btn--primary">
-                <span id="copyUrlText"><svg viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.92px;}</style></defs><path class="cls-1" d="M10.56,5.77l2.72-2.72a5.43,5.43,0,0,1,3.84-1.59,5.43,5.43,0,0,1,5.42,5.42A5.43,5.43,0,0,1,21,10.72l-2.72,2.72"/><path class="cls-1" d="M5.77,10.56,3.05,13.28A5.42,5.42,0,1,0,10.72,21l2.72-2.72"/><line class="cls-1" x1="16.79" y1="7.21" x2="7.21" y2="16.79"/><line class="cls-1" x1="20.63" y1="15.83" x2="23.5" y2="15.83"/><line class="cls-1" x1="15.83" y1="20.63" x2="15.83" y2="23.5"/><line class="cls-1" x1="19.19" y1="19.19" x2="21.1" y2="21.1"/><line class="cls-1" x1="3.38" y1="8.17" x2="0.5" y2="8.17"/><line class="cls-1" x1="8.17" y1="3.38" x2="8.17" y2="0.5"/><line class="cls-1" x1="4.81" y1="4.81" x2="2.9" y2="2.9"/></svg>
-                    COPY CONFIG URL</span>
+                <svg viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.92px;}</style></defs><path class="cls-1" d="M10.56,5.77l2.72-2.72a5.43,5.43,0,0,1,3.84-1.59,5.43,5.43,0,0,1,5.42,5.42A5.43,5.43,0,0,1,21,10.72l-2.72,2.72"/><path class="cls-1" d="M5.77,10.56,3.05,13.28A5.42,5.42,0,1,0,10.72,21l2.72-2.72"/><line class="cls-1" x1="16.79" y1="7.21" x2="7.21" y2="16.79"/><line class="cls-1" x1="20.63" y1="15.83" x2="23.5" y2="15.83"/><line class="cls-1" x1="15.83" y1="20.63" x2="15.83" y2="23.5"/><line class="cls-1" x1="19.19" y1="19.19" x2="21.1" y2="21.1"/><line class="cls-1" x1="3.38" y1="8.17" x2="0.5" y2="8.17"/><line class="cls-1" x1="8.17" y1="3.38" x2="8.17" y2="0.5"/><line class="cls-1" x1="4.81" y1="4.81" x2="2.9" y2="2.9"/></svg>
+                    COPY CONFIG URL
             </button>
         </div>
         <section class="command-section">

style.css

@@ -165,10 +165,11 @@
   margin-right: var(--space-xs);
 }
 .btn svg {
-  height: 14px; 
-  width: 14px;
-  top: 3px; 
-  left: -2px; 
+  height: var(--font-size-m); 
+  width: var(--font-size-m);
+
+  margin-left: var(--space-xs);
+  margin-right: var(--space-xs);
   position: relative;
 }
 @media (min-width: 600px) {