chitanda 发布系统代码

app_BusinessCentral/src/studio-core/components/studio-view-style2/studio-view-style2.less

@@ -33,11 +33,12 @@
 
     .view-header {
         flex-shrink: 0;
-        height: 50px;
+        height: auto;
         border: 0;
 
         >.title {
             font-size: 20px;
+            height: 50px;
         }
 
         >.quick-search {

app_BusinessCentral/src/widgets/account/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                    <i-col v-show="detailsModel.n_accountname_like.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+                  <i-col v-show="detailsModel.n_accountname_like.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
               <app-form-item name='n_accountname_like' :itemRules="this.rules.n_accountname_like" class='' :caption="$t('entities.account.default_searchform.details.n_accountname_like')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.n_accountname_like.error" :isEmptyCaption="false" labelPos="TOP"> 
               <input-box v-model="data.n_accountname_like"  @enter="onEnter($event)"    :disabled="detailsModel.n_accountname_like.disabled" type='text'  style=""></input-box>
           </app-form-item>
@@ -82,15 +84,7 @@
           </app-form-item>
           
           </i-col>
-      </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/activity-pointer/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/campaign-activity/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/campaign-list/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/campaign-response/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/campaign/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/competitor/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/contact/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                    <i-col v-show="detailsModel.n_fullname_like.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+                  <i-col v-show="detailsModel.n_fullname_like.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
               <app-form-item name='n_fullname_like' :itemRules="this.rules.n_fullname_like" class='' :caption="$t('entities.contact.default_searchform.details.n_fullname_like')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.n_fullname_like.error" :isEmptyCaption="false" labelPos="TOP"> 
               <input-box v-model="data.n_fullname_like"  @enter="onEnter($event)"    :disabled="detailsModel.n_fullname_like.disabled" type='text'  style=""></input-box>
           </app-form-item>
@@ -46,15 +48,7 @@
           </app-form-item>
           
           </i-col>
-      </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/goal/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/ibiz-list/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/incident/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/invoice/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/lead/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                    <i-col v-show="detailsModel.n_statecode_eq.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+                  <i-col v-show="detailsModel.n_statecode_eq.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
               <app-form-item name='n_statecode_eq' :itemRules="this.rules.n_statecode_eq" class='' :caption="$t('entities.lead.default_searchform.details.n_statecode_eq')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.n_statecode_eq.error" :isEmptyCaption="false" labelPos="TOP"> 
               
            <dropdown-list 
@@ -46,15 +48,7 @@
           </app-form-item>
           
           </i-col>
-      </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/list-account/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/list-contact/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/list-lead/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                    <i-col v-show="detailsModel.n_entity2name_like.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+                  <i-col v-show="detailsModel.n_entity2name_like.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
               <app-form-item name='n_entity2name_like' :itemRules="this.rules.n_entity2name_like" class='' :caption="$t('entities.listlead.default_searchform.details.n_entity2name_like')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.n_entity2name_like.error" :isEmptyCaption="false" labelPos="LEFT"> 
               <input-box v-model="data.n_entity2name_like"  @enter="onEnter($event)"    :disabled="detailsModel.n_entity2name_like.disabled" type='text'  style=""></input-box>
           </app-form-item>
           
           </i-col>
-      </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/opportunity/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/price-level/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/product/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/quote/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/sales-literature/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/sales-order/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>

app_BusinessCentral/src/widgets/transaction-currency/default-searchform/default-searchform-base.vue

 <template>
     <i-form :model="this.data" class='app-search-form' ref='searchform' style="">
   <input style="display:none;"/>
-  <row>
-    <i-col span="20" class="form-content">
-      <row>
-                </row>
-    </i-col>
-    <i-col span="4" class="search-button">
-      <row v-show="Object.keys(data).length>0">
-        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
-        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
-      </row>
-    </i-col>
-  </row>
+  <div class="search-button">
+    <i-button size="small" type="primary" ghost @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
+    <i-button size="small" type="default" ghost @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
+  </div>
+  <div class="form-content">
+          </div>
 </i-form>
 </template>
 <script lang='tsx'>