完全版

src/App.vue

 <template>
   <div id="app">
     <b-navbar class="Widget">
-      <b-dropdown id="dropdown-1" text="Add Widget" class="m-md-2" variant="primary">
-        <b-dropdown-item v-for="(availableWidget,index) in availableWidgets" :key="index">
+      <b-dropdown id="dropdown-1" text="Add Widget" class="m-md-2" variant="primary" size="lg">
+        <b-dropdown-item v-for="(availableWidget,index) in availableWidgets" :key="index" class="smallFont">
           <div v-on:click="addWidget(availableWidget)">{{availableWidget}}</div>
         </b-dropdown-item>
       </b-dropdown>
-      <b-button @click="saveWidgetList" style="margin-left:2%" variant="primary">Save</b-button>
+      <b-button class="smallFont" @click="saveWidgetList" style="margin-left:2%" variant="primary">Save</b-button>
       <b-form-file
         id="file"
         type="file"
@@ -14,6 +14,7 @@
         placeholder="Choose a widgetTemplate file to laod"
         accept=".json"
         style="width:30%;margin-left:2%"
+        class="smallFont"
       />
     </b-navbar>
 

src/components/Common/WidgetParams.vue

@@ -2,12 +2,12 @@
   <div style="width:100%">
     <div v-for="(label, index) in userInputData.keys()" :key="index">
       <b-input-group size="lg" style="margin:5px">
-        <b-input-group-text>{{label}}</b-input-group-text>
+        <b-input-group-text class="smallFont">{{label}}</b-input-group-text>
         <b-form-input v-model="tempUserInputData[label]" ></b-form-input>
       </b-input-group>
     </div>
     <div style="width:100%;margin:5px">
-      <b-button variant="primary"  @click="update" style="float:right">
+      <b-button variant="primary"  size="lg" @click="update" style="float:right">
         <b>{{ action }}</b>
         <span class="glyphicon glyphicon-save"></span>
       </b-button>

src/components/Status/Status.vue

@@ -9,10 +9,10 @@
       </b-col>
       <div v-show="isShowPath"><hr /></div>
     </b-row>
-    <div style="width:100%">
+     <div style="width:100%;overflow:auto">
       <span style="float:left;" class="largeFont">{{ StatusValue }}</span>
-      <div v-show="isShowPath"><hr /></div>
     </div>
+    <div v-show="isShowPath"><hr /></div>
     <b-input-group size="lg" prepend="path" v-show="isShowPath">
       <b-form-input v-model="config.data.url"></b-form-input>
       <b-input-group-append>

src/components/WaveView/showViewInfo.vue

@@ -6,6 +6,7 @@
         <b-button variant="primary" style="float:right">
             <span class="glyphicon glyphicon-cog" @click="showPathIdConfig"></span>
         </b-button>
+        <br>
         <hr />
     </div>
 </template>