編輯器UI優化

backstage/templates/solid_wood_furniture.html

@@ -33,8 +33,29 @@
 {% block modal_body %}
 
 <div class="form-group">
-    類別：<select id="newSwfDropdown"></select><br />
-    名稱：<input id="newSwfName" type="text" /><br />
+    <table class="table table-bordered">
+        <tbody>
+            <tr>
+                <td>
+                    <h4>名稱</h4>
+                </td>
+                <td>
+                    <input class="form-control" id="newSwfName" type="text" />
+                    <div class="mt-1 text-danger">(建議字數: 15字內)</div>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <h4>類別</h4>
+                </td>
+                <td><select id="newSwfDropdown"></select></td>
+            </tr>
+        </tbody>
+    </table>
+    
+    <!-- 類別：<select id="newSwfDropdown"></select><br />
+    名稱：<input id="newSwfName" type="text" /><br /> -->
+
     <!--     敘述：<input id="swfDesc" type="text" /><br />
     <hr>
     圖片：

backstage/templates/system_furniture.html

@@ -33,8 +33,29 @@
 {% block modal_body %}
 
 <div class="form-group">
-    類別：<select id="newSwfDropdown"></select><br />
-    名稱：<input id="newSwfName" type="text" /><br />
+    <table class="table table-bordered">
+        <tbody>
+            <tr>
+                <td>
+                    <h4>名稱</h4>
+                </td>
+                <td>
+                    <input class="form-control" id="newSwfName" type="text" />
+                    <div class="mt-1 text-danger">(建議字數: 15字內)</div>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <h4>類別</h4>
+                </td>
+                <td><select id="newSwfDropdown"></select></td>
+            </tr>
+        </tbody>
+    </table>
+
+    <!-- 類別：<select id="newSwfDropdown"></select><br />
+    名稱：<input id="newSwfName" type="text" /><br /> -->
+    
     <!--     敘述：<input id="swfDesc" type="text" /><br />
     <hr>
     圖片：
@@ -73,7 +94,7 @@
         <div class="modal-content">
 
             <div class="modal-header">
-                <h4 class="modal-title">單品家具-修改</h4>
+                <h4 class="modal-title">模組系統櫃-修改</h4>
                 <button type="button" class="close" data-dismiss="modal">×</button>
             </div>