Merge pull request #11354 from opf/bug/44266-files-list-inconsistencies-in-spacing-and-colours

[#44266] Files list: inconsistencies in spacing and colours

frontend/src/app/shared/components/file-links/file-link-list/file-link-list.html

@@ -26,7 +26,7 @@
 
   <p
     *ngIf="showLinkFilesAction | async"
-    class="spot-body-small"
+    class="spot-body-small op-files-tab--file-list-actions"
   >
     <a
       class="spot-link op-files-tab--file-list-action-button"

frontend/src/app/spot/styles/sass/components/list.sass

@@ -52,7 +52,8 @@
       position: relative
       display: flex
 
-      &:hover
+      &:hover,
+      &:focus-within
         background-color: $spot-color-basic-gray-6
 
       &__disabled

frontend/src/global_styles/content/work_packages/tabs/_files.sass

@@ -79,9 +79,6 @@
       &-floating-wrapper:not(&-floating-wrapper__disabled):hover &-avatar
         visibility: hidden
 
-      &-floating-actions
-        padding-right: 0
-
       &-floating-text
         @include spot-body-small()
 
@@ -90,7 +87,13 @@
         color: var(--primary-color)
 
         &-icon
-          margin-right: $spot-spacing-0-5
+          margin-right: $spot-spacing-0-25
+
+  &--file-list &--file-list-item &--file-list-item-floating-actions
+    padding-right: 0
+
+  &--file-list &--file-list-item &--file-list-item-floating-text
+    padding-right: $spot-spacing-0-5
 
   &--file-list &--file-list-item &--file-list-item-action
     padding-left: 0

frontend/src/global_styles/content/work_packages/tabs/_tab_content.sass

@@ -27,20 +27,18 @@
 //++
 
 .op-tab-content
-  &--container
-    .op-files-tab--storage-info-box:not(:last-child)
-      margin-bottom: $spot-spacing-1
-
   &--tab-section
     margin-bottom: $spot-spacing-2
 
     &_no-header
-      .op-files-tab
-        &--file-upload
-          margin-top: 0
+      .op-files-tab--file-list .op-files-tab--file-list-item:first-child
+        margin-top: 0
+
+    .op-files-tab--storage-info-box:not(:last-child)
+      margin-bottom: $spot-spacing-1
 
-        &--file-list .op-files-tab--file-list-item:first-child
-          margin-top: 0
+    .op-files-tab--file-list-actions
+      margin-top: $spot-spacing-0_75
 
   &--header
     border-bottom: 1px solid #ddd