From 92932e64b077339f64bc2c10a2e3819b223f6aa7 Mon Sep 17 00:00:00 2001
From: Jordan Scales <scalesjordan@gmail.com>
Date: Fri, 17 Apr 2020 15:49:53 -0400
Subject: [PATCH] fix fieldset margins

---
 docs/index.html | 2 +-
 style.css       | 9 +++------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 9c03302..d2d3538 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -78,7 +78,7 @@
         </div>
       </fieldset>
 
-      <section class="align-right">
+      <section class="field-row align-right">
         <button>OK</button>
         <button>Cancel</button>
       </section>
diff --git a/style.css b/style.css
index d06d1ff..a16aed9 100644
--- a/style.css
+++ b/style.css
@@ -149,12 +149,8 @@ button:focus {
   margin-top: var(--element-spacing);
 }
 
-section.align-right {
-  text-align: right;
-}
-
-section * + * {
-  margin-left: var(--grouped-element-spacing);
+.align-right {
+  justify-content: flex-end;
 }
 
 fieldset {
@@ -162,6 +158,7 @@ fieldset {
   box-shadow: var(--border-sunken-outer), var(--border-raised-inner);
   padding: calc(2 * var(--border-width) + var(--element-spacing));
   padding-block-start: var(--element-spacing);
+  margin: 0;
 }
 
 legend {