fix: vertical alignment of resource name and edit button

owncloud · Aug 19, 2022 · a6cb695 · a6cb695
1 parent 2266298
commit a6cb695
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/web-app-files/src/components/FilesList/ResourceTable.vue b/packages/web-app-files/src/components/FilesList/ResourceTable.vue
@@ -809,6 +809,9 @@ export default defineComponent({
     opacity: 0.6;
   }
   &-resource-wrapper {
+    display: inline-flex;
+    align-items: center;
+
     &-limit-max-width {
       max-width: calc(100% - var(--oc-space-medium));
     }
@@ -821,7 +824,7 @@ export default defineComponent({
   }
   &-edit-name {
     display: inline-flex;
-    vertical-align: middle;
+    margin-left: var(--oc-space-xsmall);
     svg {
       fill: var(--oc-color-text-muted);
     }