Align XerahS download layout

Author: McoreD

css/main.scss

@@ -300,6 +300,41 @@ body {
         width: 200px;
     }
 
+    .xerahs-download-platform {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .xerahs-download-title {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        min-height: 32px;
+        line-height: 1.2;
+        margin-bottom: $container-padding-half / 2;
+
+        i {
+            width: 20px;
+            line-height: 1;
+            text-align: center;
+        }
+    }
+
+    .xerahs-download-buttons {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: stretch;
+        gap: $container-padding-half / 2;
+        min-height: 96px;
+
+        .btn {
+            margin: 0px;
+        }
+    }
+
     #download-panel {
         div {
             background-color: $background-alt;

xerahs/index.html

@@ -9,29 +9,35 @@ <h1>XerahS</h1>
         <p>Screen capture, file sharing and productivity tool</p>
         <p class="lead">XerahS is <strong>ShareX reimagined</strong> with modern UI technologies, built from the ground up for cross-platform performance.</p>
             <div class="row mt-4">
-                <div class="col-sm-4 text-center">
-                    <h4><i class="fa-brands fa-windows"></i> Windows</h4>
-                    <a class="btn btn-default btn-block xerahs-download-win-x64 mb-2" role="button" href="https://github.com/ShareX/XerahS/releases/latest">
-                        x64
-                    </a>
-                    <a class="btn btn-default btn-block xerahs-download-win-arm64" role="button" href="https://github.com/ShareX/XerahS/releases/latest">
-                        Arm64
-                    </a>
+                <div class="col-sm-4 text-center xerahs-download-platform">
+                    <h4 class="xerahs-download-title"><i class="fa-brands fa-windows"></i> Windows</h4>
+                    <div class="xerahs-download-buttons">
+                        <a class="btn btn-default btn-block xerahs-download-win-x64 mb-2" role="button" href="https://github.com/ShareX/XerahS/releases/latest">
+                            x64
+                        </a>
+                        <a class="btn btn-default btn-block xerahs-download-win-arm64" role="button" href="https://github.com/ShareX/XerahS/releases/latest">
+                            Arm64
+                        </a>
+                    </div>
                 </div>
-                <div class="col-sm-4 text-center">
-                    <h4><i class="fa-brands fa-apple"></i> macOS</h4>
-                    <a class="btn btn-default btn-block xerahs-download-mac-x64 mb-2" role="button" href="https://github.com/ShareX/XerahS/releases/latest">
-                        x64
-                    </a>
-                    <a class="btn btn-default btn-block xerahs-download-mac-arm64" role="button" href="https://github.com/ShareX/XerahS/releases/latest">
-                        Arm64
-                    </a>
+                <div class="col-sm-4 text-center xerahs-download-platform">
+                    <h4 class="xerahs-download-title"><i class="fa-brands fa-apple"></i> macOS</h4>
+                    <div class="xerahs-download-buttons">
+                        <a class="btn btn-default btn-block xerahs-download-mac-x64 mb-2" role="button" href="https://github.com/ShareX/XerahS/releases/latest">
+                            x64
+                        </a>
+                        <a class="btn btn-default btn-block xerahs-download-mac-arm64" role="button" href="https://github.com/ShareX/XerahS/releases/latest">
+                            Arm64
+                        </a>
+                    </div>
                 </div>
-                <div class="col-sm-4 text-center">
-                    <h4><i class="fa-brands fa-linux"></i> Linux</h4>
-                    <a class="btn btn-default btn-block xerahs-download-linux" role="button" href="https://github.com/ShareX/XerahS/releases/latest">
-                        x64
-                    </a>
+                <div class="col-sm-4 text-center xerahs-download-platform">
+                    <h4 class="xerahs-download-title"><i class="fa-brands fa-linux"></i> Linux</h4>
+                    <div class="xerahs-download-buttons">
+                        <a class="btn btn-default btn-block xerahs-download-linux" role="button" href="https://github.com/ShareX/XerahS/releases/latest">
+                            x64
+                        </a>
+                    </div>
                 </div>
             </div>
             <div class="mt-4">