fixed memmore section/plugin responsive display

glances/outputs/static/css/style.scss

@@ -20,10 +20,6 @@ body {
     text-align: right;
 }
 
-.row {
-    margin-right: 0px;
-}
-
 .top-plugin {
     margin-bottom: 20px;
 }

glances/outputs/static/js/App.vue

@@ -18,11 +18,11 @@
                         <glances-plugin-uptime :data="data"></glances-plugin-uptime>
                     </div>
                 </div>
-                <div class="row">
-                    <div class="col-sm-24">
-                        <div class="pull-left">
-                            <glances-plugin-cloud :data="data"></glances-plugin-cloud>
-                        </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-24">
+                    <div class="pull-left">
+                        <glances-plugin-cloud :data="data"></glances-plugin-cloud>
                     </div>
                 </div>
             </div>
@@ -43,9 +43,10 @@
             <div class="col-sm-6 col-md-4 col-lg-3" v-if="!args.disable_mem">
                 <glances-plugin-mem :data="data"></glances-plugin-mem>
             </div>
+            <!-- NOTE: display if MEM enabled and GPU disabled -->
             <div
-                class="col-sm-6 col-md-4 col-lg-3"
                 v-if="!args.disable_mem && !(!args.disable_gpu && hasGpu)"
+                class="hidden-xs hidden-sm col-md-4 col-lg-3"
             >
                 <glances-plugin-mem-more :data="data"></glances-plugin-mem-more>
             </div>

glances/outputs/static/js/components/plugin-folders.vue

@@ -8,7 +8,7 @@
         <div class="table-row" v-for="(folder, folderId) in folders" :key="folderId">
             <div class="table-cell text-left">{{ folder.path }}</div>
             <div class="table-cell"></div>
-            <div class="table-cell" :class="vm.getDecoration(folder)">
+            <div class="table-cell" :class="getDecoration(folder)">
                 {{ $filters.bytes(folder.size) }}
             </div>
         </div>