snapshot: polish builder shell and action consistency

backend/workflows/static/workflows/css/form_builder.css

@@ -45,7 +45,7 @@ body {
 }
 
 .builder-sidebar-card h2 {
-  margin: 6px 0 8px;
+  margin: 6px 0 0;
   font-size: 20px;
   color: #142033;
 }
@@ -222,10 +222,10 @@ body {
 .builder-toolbar {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 14px;
-  margin: 10px 0 14px;
-  padding: 12px 14px;
+  justify-content: flex-start;
+  gap: 10px;
+  margin: 8px 0 14px;
+  padding: 10px 12px;
   border: 1px solid #d7e0ec;
   border-radius: 16px;
   background: linear-gradient(180deg, #fbfdff, #f7fbff);
@@ -261,14 +261,6 @@ body {
   color: #142033;
 }
 
-.builder-toolbar-note {
-  color: #5f7089;
-  font-size: 12px;
-  line-height: 1.5;
-  max-width: 360px;
-  text-align: right;
-}
-
 .builder-lang-switch {
   display: inline-flex;
   align-items: center;
@@ -301,6 +293,22 @@ body {
   color: #fff;
 }
 
+.builder-main .btn,
+.builder-main .tab,
+.builder-main .builder-module-link,
+.builder-main .builder-lang-btn {
+  min-height: 38px;
+}
+
+.builder-main .btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 14px;
+  border-radius: 12px;
+  font-weight: 800;
+}
+
 .tab {
   border: 1px solid #c6d1e1;
   border-radius: 999px;
@@ -1113,7 +1121,7 @@ body {
 .structure-card {
   display: grid;
   gap: 8px;
-  padding: 16px;
+  padding: 14px;
   border: 1px solid #d7e0ec;
   border-radius: 18px;
   background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
@@ -1507,13 +1515,17 @@ body {
   margin-top: 12px;
   display: flex;
   justify-content: flex-end;
+  gap: 10px;
+  flex-wrap: wrap;
 }
 
 .options-actions-sticky {
   position: sticky;
   bottom: 0;
   z-index: 2;
+  margin-top: 14px;
   padding-top: 12px;
+  border-top: 1px solid #e5ecf5;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.98) 32%);
 }
 

backend/workflows/templates/workflows/form_builder.html

@@ -16,7 +16,6 @@
         <div class="builder-sidebar-card">
           <span class="builder-sidebar-eyebrow">{% trans "Arbeitsbereich" %}</span>
           <h2>{% trans "Formularsteuerung" %}</h2>
-          <p>{% trans "Arbeiten Sie blockweise: zuerst Struktur, dann Regeln, danach Inhalte und Erweiterungen." %}</p>
         </div>
 
         <nav class="builder-side-nav" aria-label="{% trans 'Builder Navigation' %}">
@@ -75,7 +74,6 @@
       <div class="builder-hero-copy">
         <span class="builder-eyebrow">{% trans "Deployment Configuration" %}</span>
         <h1>{% trans "Form Builder" %}</h1>
-        <p class="builder-hero-sub">{% trans "Steuern Sie Struktur, Regeln und Inhalte Ihrer Standard-Workflows an einem Ort." %}</p>
       </div>
       <div class="builder-hero-actions">
         <form method="post" action="{% url 'set_language' %}" class="builder-lang-switch">
@@ -113,9 +111,6 @@
         </span>
         {% endif %}
       </div>
-      <div class="builder-toolbar-note">
-        {% trans "Arbeiten Sie jeweils nur in einem Bereich und speichern Sie Änderungen abschnittsweise." %}
-      </div>
     </section>
 
     {% include 'workflows/includes/messages.html' %}
@@ -140,7 +135,6 @@
             <section class="structure-card">
               <span class="structure-card-eyebrow">{% trans "Arbeitsmodus" %}</span>
               <h3>{% trans "Direkte Anordnung" %}</h3>
-              <p>{% trans "Verschieben Sie Felder direkt zwischen Abschnitten. Die Reihenfolge wird erst mit dem globalen Speichern oben übernommen." %}</p>
             </section>
 
             <section class="structure-card structure-card-muted">