Improve styling of Stimulus LSP VSCode install button

marcoroth · Oct 25, 2023 · 246f7ef · 246f7ef
1 parent a562da0
commit 246f7ef
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/app/content/pages/ecosystem/tooling/stimulus-lsp/install/vscode.html.erb b/app/content/pages/ecosystem/tooling/stimulus-lsp/install/vscode.html.erb
@@ -8,11 +8,13 @@ breadcrumb: Visual Studio Code
 <%= render Page::ContainerComponent.new(page: current_page) do |page| %>
   <% page.with_title(title: current_page.data.fetch("subtitle")) %>
 
-   <a
-     href="https://marketplace.visualstudio.com/items?itemName=marcoroth.stimulus-lsp"
-     target="_blank"
-     class="mt-64 rounded-lg bg-[#77e8b9] px-7 py-4 text-lg font-semibold text-black shadow-xl transition hover:brightness-110"
-     rel="noreferrer">
-     Install the extension from the VSCode marketplace
-   </a>
+  <div class="flex mt-24">
+    <a
+      href="https://marketplace.visualstudio.com/items?itemName=marcoroth.stimulus-lsp"
+      target="_blank"
+      class="mx-auto rounded-lg bg-[#77e8b9] px-7 py-4 text-lg font-semibold text-black shadow-xl transition hover:brightness-110"
+    >
+      Install from the VSCode marketplace
+    </a>
+  </div>
 <% end %>