Merged changes and builded

Author: PheysX

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-files/index.js

@@ -31,7 +31,13 @@ Component.register('frosh-tools-tab-files', {
                     primary: true
                 }
             ];
-        }
+        },
+
+        isLoadingClass() {
+            return {
+                'is-loading': this.isLoading
+            }
+        },
     },
 
     methods: {

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-files/style.scss

@@ -2,14 +2,14 @@
 
 .frosh-tools-tab-files__files-card {
     .sw-card__content {
-        padding: 0;
-
         .sw-alert {
             margin: 30px;
         }
+    }
 
-        .sw-data-grid {
-            border-top: 1px solid $color-gray-300;
+    &:not(.is-loading) {
+        .sw-card__content {
+            padding: 0;
         }
     }
 }

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-files/template.twig

@@ -1,5 +1,5 @@
 <sw-card-view>
-    <sw-card class="frosh-tools-tab-files__files-card" :title="$tc('frosh-tools.tabs.files.title')" :isLoading="isLoading" :large="true">
+    <sw-card class="frosh-tools-tab-files__files-card" :class="isLoadingClass" :title="$tc('frosh-tools.tabs.files.title')" :isLoading="isLoading" :large="true">
         <sw-alert variant="error" v-if="items.error">{{ items.error }}</sw-alert>
 
         <sw-alert variant="success" v-if="items.ok">{{ $tc('frosh-tools.tabs.files.allFilesOk') }}</sw-alert>

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-logs/style.scss

@@ -3,6 +3,12 @@
         padding: 0;
     }
 
+    .sw-card__toolbar {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        grid-gap: 20px;
+    }
+
     .sw-single-select {
         margin: 0;
     }

src/Resources/app/administration/src/module/frosh-tools/component/frosh-tools-tab-logs/template.twig

@@ -1,6 +1,8 @@
 <sw-card-view>
     <sw-card class="frosh-tools-tab-logs__logs-card" :title="$tc('frosh-tools.tabs.logs.title')" :isLoading="isLoading" :large="true">
         <template #toolbar>
+            <!-- @todo: Make the refresh button fancy -->
+            <sw-button variant="ghost" @click="refresh"><sw-icon :small="true" name="default-arrow-360-left"></sw-icon></sw-button>
             <sw-single-select
                 :options="logFiles"
                 :isLoading="isLoading"
@@ -12,11 +14,6 @@
             ></sw-single-select>
         </template>
 
-        <template #toolbar>
-            <!-- @todo: Make the refresh button fancy -->
-            <sw-button variant="ghost" @click="refresh"><sw-icon :small="true" name="default-arrow-360-left"></sw-icon></sw-button>
-        </template>
-
         <sw-data-grid
             :showSelection="false"
             :showActions="false"