Fix the "Copied!" CSS and gap between text and button

FlowFuse · Sep 18, 2024 · 82b5128 · 82b5128
1 parent b9eb00e
commit 82b5128
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/frontend/src/components/TextCopier.vue b/frontend/src/components/TextCopier.vue
@@ -39,10 +39,12 @@ export default {
 
 <style scoped lang="scss">
 .ff-text-copier {
-  .ff-icon {
-    &:hover {
-      cursor: pointer;
-    }
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  position: relative;
+  &:hover {
+    cursor: pointer;
   }
   .ff-copied {
     background-color: black;
@@ -54,6 +56,7 @@ export default {
     margin-left: 3px;
     display: none;
     z-index: 100;
+    left: 100%;
   }
 }
 </style>
diff --git a/frontend/src/components/file-browser/cells/FilePath.vue b/frontend/src/components/file-browser/cells/FilePath.vue
@@ -84,9 +84,6 @@ export default {
 <style scoped lang="scss">
 .ff-row-file {
     position: relative;
-    display: flex;
-    align-items: center;
-    gap: 3px;
     &:hover {
         color: $ff-blue-600;
     }