Adjust title

Author: sanex3339

App/styles/main.less

@@ -2,8 +2,19 @@
 @import (inline) "~codemirror/lib/codemirror.css";
 @import url('~semantic-ui-less/themes/default/globals/site.variables');
 
+.title {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+
+  & > h1 {
+    margin-right: 1rem;
+  }
+}
+
 #GithubBadges, #DonateBadges {
   display: flex;
+  margin-bottom: 1rem;
 
   & #donate {
     position: relative;

templates/index.html

@@ -82,40 +82,43 @@
     <div class="row">
         <div class="column twelve wide">
             <div class="ui basic segment">
-                <h1>JavaScript Obfuscator Tool</h1>
+                <div class="title">
+                    <h1>JavaScript Obfuscator Tool</h1>
+
+                    <div id="GithubBadges">
+                        <iframe
+                                src="https://ghbtns.com/github-btn.html?user=javascript-obfuscator&repo=javascript-obfuscator&type=star&size=large&count=true"
+                                frameborder="0"
+                                scrolling="0"
+                                width="90px"
+                                height="30px"
+                        ></iframe>
+                        <iframe
+                                src="https://ghbtns.com/github-btn.html?user=javascript-obfuscator&repo=javascript-obfuscator&type=watch&v=2&size=large"
+                                frameborder="0"
+                                scrolling="0"
+                                width="90px"
+                                height="30px"
+                        ></iframe>
+                        <div
+                                id="donate"
+                                title="Sponsor javascript-obfuscator/javascript-obfuscator"
+                                role="button"
+                                onclick="window.scrollTo(0, document.body.scrollHeight)"
+                        >
+                            <svg id="donate-heart" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true">
+                                <path fill-rule="evenodd" d="M8.727 3C7.091 3 6.001 4.65 6.001 4.65S4.909 3 3.273 3C1.636 3 0 4.1 0 6.3 0 9.6 6 14 6 14s6-4.4 6-7.7C12 4.1 10.364 3 8.727 3z"></path>
+                            </svg>
+                            Sponsor
+                        </div>
+                    </div>
+                </div>
                 <p>
                     A free and efficient obfuscator for JavaScript (including support of ES2022). Make your code harder to copy and
                     prevent people from stealing your work. This tool is a Web UI to the excellent (and open source)
                     <code><a href="https://github.com/javascript-obfuscator/javascript-obfuscator" target="_new">javascript-obfuscator</a>@4.0.0</code>
                     created by Timofey Kachalov.
                 </p>
-                <div id="GithubBadges">
-                    <iframe
-                        src="https://ghbtns.com/github-btn.html?user=javascript-obfuscator&repo=javascript-obfuscator&type=star&size=large&count=true"
-                        frameborder="0"
-                        scrolling="0"
-                        width="150px"
-                        height="30px"
-                    ></iframe>
-                    <iframe
-                        src="https://ghbtns.com/github-btn.html?user=javascript-obfuscator&repo=javascript-obfuscator&type=watch&v=2&size=large"
-                        frameborder="0"
-                        scrolling="0"
-                        width="90px"
-                        height="30px"
-                    ></iframe>
-                    <div
-                        id="donate"
-                        title="Sponsor javascript-obfuscator/javascript-obfuscator"
-                        role="button"
-                        onclick="window.scrollTo(0, document.body.scrollHeight)"
-                    >
-                        <svg id="donate-heart" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true">
-                            <path fill-rule="evenodd" d="M8.727 3C7.091 3 6.001 4.65 6.001 4.65S4.909 3 3.273 3C1.636 3 0 4.1 0 6.3 0 9.6 6 14 6 14s6-4.4 6-7.7C12 4.1 10.364 3 8.727 3z"></path>
-                        </svg>
-                        Sponsor
-                    </div>
-                </div>
             </div>
         </div>