From 08091d24f9a9b7d300717517673a6252ab1287a2 Mon Sep 17 00:00:00 2001
From: Joseph Ho <Josephho678@gmail.com>
Date: Sun, 20 Apr 2025 21:06:54 -0400
Subject: [PATCH] UI: improve alignments with submit button & budget donut
 (#2131)

---
 app/helpers/styled_form_builder.rb | 2 +-
 app/views/budgets/show.html.erb    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/helpers/styled_form_builder.rb b/app/helpers/styled_form_builder.rb
index c7e27b0a..7a817578 100644
--- a/app/helpers/styled_form_builder.rb
+++ b/app/helpers/styled_form_builder.rb
@@ -51,7 +51,7 @@ class StyledFormBuilder < ActionView::Helpers::FormBuilder
   def submit(value = nil, options = {})
     default_options = {
       data: { turbo_submits_with: "Submitting..." },
-      class: "btn btn--primary w-full"
+      class: "btn btn--primary w-full justify-center"
     }
 
     merged_options = default_options.merge(options)
diff --git a/app/views/budgets/show.html.erb b/app/views/budgets/show.html.erb
index 1da66fef..bd04d8ce 100644
--- a/app/views/budgets/show.html.erb
+++ b/app/views/budgets/show.html.erb
@@ -6,7 +6,7 @@
             latest_budget: @latest_budget %>
 
   <div class="flex flex-col items-start gap-4 md:flex-row">
-    <div class="w-full md:w-[300px] space-y-4">
+    <div class="w-full md:max-w-[300px] space-y-4">
       <div class="h-[300px] bg-container rounded-xl shadow-border-xs p-8">
         <% if @budget.available_to_allocate.negative? %>
           <%= render "budgets/over_allocation_warning", budget: @budget %>