Changed location of create custom module and add buttons

_includes/vue-rule-script.html

@@ -49,6 +49,16 @@
                     ></module>
                 </div>
             </div>
+            <div class="label-group is-mobile">
+                <div class="module" @click="newCustomModule">
+                  <span class="plus"><img :src="icons.plus" alt="Add"></span>
+                  Create Custom Module
+                </div>
+                <div class="module-editor__empty">
+                    <small>Or click any module in categories like culture/decision/process/struture  to start editing it.</small>
+                </div>
+            </div>
+            
             <div class="module-editor__wrapper">
                 <div class="module-editor">
                     <module
@@ -58,10 +68,7 @@
                         draggable="false"
                         v-if="editor.module.name"
                     ></module>
-                    <div class="module-editor__right">
-                        <vue-button class="success" :icon="icons.plus" @click="clickAddModule" v-if="!moduleContains(editor.module) && editor.module && editor.module.name">Add</vue-button>
-                        <vue-button class="danger" :icon="icons.minus" @click="clickRemoveModule" v-if="moduleContains(editor.module)">Remove</vue-button>
-                    </div>
+                    
                     <div class="module-editor__fields">
                         <div class="label-group">
                             <label class="label">
@@ -114,7 +121,6 @@
                             </tr>
                           </table>
                         </label>
-                        
                         <!-- Working on custom module library
 
                             <div class="label-group">
@@ -143,14 +149,9 @@
                         </label> -->
                     </div>
                 </div>
-                <div class="label-group is-mobile">
-                    <div class="module" @click="newCustomModule">
-                      <span class="plus"><img :src="icons.plus" alt="Add"></span>
-                      Create Custom Module
-                    </div>
-                    <div class="module-editor__empty">
-                        <small>Or click a module to start editing it.</small>
-                    </div>
+                <div>
+                    <vue-button class="success" :icon="icons.plus" @click="clickAddModule" v-if="!moduleContains(editor.module) && editor.module">Add</vue-button>
+                    <vue-button class="danger" :icon="icons.minus" @click="clickRemoveModule" v-if="moduleContains(editor.module)">Remove</vue-button>
                 </div>
             </div>
             <div class="modules">