Merge pull request #10 from Kitzanos/feature/65-favourite-call

Feature/65 favourite call

src/assets/scss/components/appPage.scss

@@ -372,8 +372,8 @@
 
 .appPageSection__tableActions {
     display: flex;
-    gap: 24px;
-    padding: 0;
+    gap: 10px;
+    align-items: center;
     flex-wrap: wrap;
     
     &.lessGap {
@@ -389,12 +389,18 @@
     justify-content: center;
     border-radius: 50%;
     border: none;
-    background-color: var(--message-info-color);
-    color: white;
+    background-color: transparent;
+    color: var(--global-textColor);
     padding: 0;
     
     &:hover {
         cursor: pointer;
+        color: var(--message-info-color);
+    }
+
+    &[data-active="true"] {
+        background-color: var(--message-info-color);
+        color: white;
     }
 
     &[disabled] {