fix: show action buttons on mobile

Author: chenasraf

src/components/Notes/NoteCard.vue

@@ -125,6 +125,12 @@ const strings = {
     opacity: 1;
   }
 
+  @media (hover: none) {
+    .note-card__actions {
+      opacity: 1;
+    }
+  }
+
   &__title {
     margin: 0 0 0.5rem 0;
     font-size: 1rem;

src/components/Photos/FolderStack.vue

@@ -257,5 +257,11 @@ const strings = {
   &:hover &__actions {
     opacity: 1;
   }
+
+  @media (hover: none) {
+    .folder-stack__actions {
+      opacity: 1;
+    }
+  }
 }
 </style>

src/components/Photos/PhotoCard.vue

@@ -142,6 +142,12 @@ const strings = {
     opacity: 1;
   }
 
+  @media (hover: none) {
+    .photo-card__actions {
+      opacity: 1;
+    }
+  }
+
   &__caption {
     position: absolute;
     bottom: 0;