From cadd63e3e8c0ce221d240eb7b8a9502edce4a706 Mon Sep 17 00:00:00 2001
From: Lance Edgar <lance@edbob.org>
Date: Tue, 20 Aug 2024 17:03:15 -0500
Subject: [PATCH] fix: add padding around main form, via wrapper css

---
 src/wuttaweb/templates/base.mako | 6 ++++++
 src/wuttaweb/templates/form.mako | 8 ++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/wuttaweb/templates/base.mako b/src/wuttaweb/templates/base.mako
index ffe903c..f58f7ec 100644
--- a/src/wuttaweb/templates/base.mako
+++ b/src/wuttaweb/templates/base.mako
@@ -151,6 +151,12 @@
         white-space: nowrap;
     }
 
+    .wutta-form-wrapper {
+        margin-left: 5rem;
+        margin-top: 2rem;
+        width: 50%;
+    }
+
   </style>
 </%def>
 
diff --git a/src/wuttaweb/templates/form.mako b/src/wuttaweb/templates/form.mako
index 2baf95a..7029463 100644
--- a/src/wuttaweb/templates/form.mako
+++ b/src/wuttaweb/templates/form.mako
@@ -2,11 +2,11 @@
 <%inherit file="/page.mako" />
 
 <%def name="page_content()">
-  <div style="margin-top: 2rem; width: 50%;">
-    % if form is not Undefined:
+  % if form is not Undefined:
+      <div class="wutta-form-wrapper">
         ${form.render_vue_tag()}
-    % endif
-  </div>
+      </div>
+  % endif
 </%def>
 
 <%def name="render_vue_templates()">