From 1b907be3223887bdf9c3937ffa193fd9f6b844dd Mon Sep 17 00:00:00 2001
From: JB <jb-apps@outlook.com>
Date: Mon, 6 Oct 2025 08:13:05 -0700
Subject: [PATCH] feat: Adjust voice editor layout for improved alignment and
 spacing

---
 abogen/web/static/styles.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/abogen/web/static/styles.css b/abogen/web/static/styles.css
index 6448c2a..c7c9ce9 100644
--- a/abogen/web/static/styles.css
+++ b/abogen/web/static/styles.css
@@ -603,7 +603,7 @@ progress.progress::-moz-progress-bar {
   display: flex;
   flex-wrap: wrap;
   gap: 0.75rem 1rem;
-  align-items: flex-end;
+  align-items: flex-start;
 }
 
 .voice-editor__name-field {
@@ -615,6 +615,9 @@ progress.progress::-moz-progress-bar {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
+  flex: 0 0 auto;
+  margin-left: auto;
+  min-height: 2.6rem;
 }
 
 .voice-editor__language {
@@ -1044,6 +1047,11 @@ progress.progress::-moz-progress-bar {
   transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
 }
 
+.voice-editor__identity > .icon-button,
+.voice-editor__identity > .voice-editor__toolbar {
+  align-self: flex-end;
+}
+
 .icon-button svg {
   width: 1.15rem;
   height: 1.15rem;