From 8506b235db6f8128d10328055954036bec8d0147 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Sat, 11 Apr 2026 13:26:09 +0200
Subject: [PATCH] Add flex-wrap to toolbar elements and project name styling

---
 src/app/app.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/app/app.css b/src/app/app.css
index 6ec0528a..b94626b5 100644
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -78,6 +78,7 @@ button:disabled {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  flex-wrap: wrap;
   gap: 12px;
   padding: 8px 14px;
   background: rgba(18, 22, 28, 0.88);
@@ -110,11 +111,18 @@ button:disabled {
 .toolbar__scene-controls {
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 8px;
   flex: 1 1 520px;
   min-width: 260px;
 }
 
+.toolbar__project-name {
+  flex: 1 1 240px;
+  min-width: 180px;
+  max-width: 320px;
+}
+
 .toolbar__scene-picker {
   flex: 0 1 220px;
   min-width: 160px;
@@ -198,6 +206,7 @@ button:disabled {
   box-shadow: inset 0 0 0 1px rgba(255, 241, 213, 0.28);
 }
 
+.toolbar__project-name-input,
 .toolbar__scene-name-input {
   height: 36px;
   padding: 0 12px;