Fixing some styles

Author: Nam Huỳnh

src/components/manager/DiskList.vue

@@ -1,15 +1,13 @@
 <template>
-    <div class="fm-disk-list">
-        <ul class="list-inline">
-            <li class="list-inline-item" v-for="(disk, index) in disks" v-bind:key="index">
-                <span class="badge"
-                      v-on:click="selectDisk(disk)"
-                      v-bind:class="[disk === selectedDisk ? 'badge-secondary' : 'badge-light']">
+  <div class="fm-disk-list">
+    <ul class="list-inline">
+      <li class="list-inline-item" v-for="(disk, index) in disks" v-bind:key="index">
+        <span class="badge" v-on:click="selectDisk(disk)" v-bind:class="[disk === selectedDisk ? 'badge-secondary' : 'badge-light']">
                     <i class="fa-fw far fa-hdd"/> {{ disk }}
                 </span>
-            </li>
-        </ul>
-    </div>
+      </li>
+    </ul>
+  </div>
 </template>
 
 <script>
@@ -54,14 +52,15 @@ export default {
 </script>
 
 <style lang="scss">
-    .fm-disk-list {
-
-        ul.list-inline {
-            margin-bottom: 0.5rem;
-        }
-
-        .badge.badge-light {
-            cursor: pointer;
-        }
-    }
+.fm-disk-list {
+  .fm-table {
+    padding-bottom: 5rem;
+  }
+  ul.list-inline {
+    margin-bottom: 0.5rem;
+  }
+  .badge.badge-light {
+    cursor: pointer;
+  }
+}
 </style>

src/components/manager/GridView.vue

@@ -101,6 +101,7 @@ export default {
 <style lang="scss">
 .fm-grid {
   padding-top: 1rem;
+  padding-bottom: 5rem;
   .fm-grid-item {
     position: relative;
     width: 125px;