Border for heart icons are completed.

Noxtrah · Mar 12, 2024 · 60ca9fd · 60ca9fd
1 parent 4a70bb3
commit 60ca9fd
Showing 1 changed file with 17 additions and 17 deletions.
diff --git a/styles/dashboard.css b/styles/dashboard.css
@@ -487,20 +487,26 @@ a {
 
 
   .favorite-heart {
-    margin-left: 20px;
-    font-size: 24px;
+    /* margin-left: 20px; */
     color: black;
-
     cursor: pointer;
+    position: absolute;
+    font-size: 40px;
+    top: -4px;
+    right: -4px;
   }
 
-    /* Define a class for the heart icon with a red border */
-    .heart-border {
-      border: 4px solid rgb(123, 115, 128);
-      border-radius: 10px;
-      background-color: var(--background_color);
-      display: inline-block;
-      padding: 4px;
+  /* Define a class for the heart icon with a red border */
+  .heart-border {
+    border: 4px solid rgb(123, 115, 128);
+    border-radius: 10px 10px 10px 10px;
+    background-color: var(--background_color);
+    display: flex;
+    width: 50px;
+    height: 50px;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
 }
 
   .recipe p {
@@ -1923,13 +1929,7 @@ input[type="radio"],
   color: #000;
 }
 
-.favorite-heart {
-  position: absolute;
-  font-size: 40px;
-  top: 0;
-  right: 0;
-  margin-right: 0.5vw;
-}
+
 
 .imgDiv{
   width: 100%;