ux refine

app/templates/boxes/form.html

@@ -18,7 +18,7 @@
             {% endif %}
         </p>
     </div>
-    <a href="/boxes">返回箱子列表</a>
+    <a class="button button-secondary button-small" href="/boxes">返回箱子列表</a>
 </div>
 
 <form method="post" action="{{ form_action }}" class="stack form-panel" enctype="multipart/form-data">
@@ -55,7 +55,7 @@
         <img src="/boxes/{{ box.id }}/image" alt="{{ box.name }}" class="detail-image">
         <button
             type="submit"
-            class="link-button"
+            class="button button-danger button-small"
             formaction="/boxes/{{ box.id }}/image/delete"
             formmethod="post"
         >
@@ -63,6 +63,8 @@
         </button>
     </section>
     {% endif %}
-    <button type="submit">{{ submit_label }}</button>
+    <div class="form-actions">
+        <button type="submit" class="button button-primary">{{ submit_label }}</button>
+    </div>
 </form>
 {% endblock %}