create technically working

1 files changed, 26 insertions, 1 deletions

diff --git a/src/client/views/collections/CollectionCardDeckView.scss b/src/client/views/collections/CollectionCardDeckView.scss
index aafc3b556..222a1d226 100644
--- a/src/client/views/collections/CollectionCardDeckView.scss
+++ b/src/client/views/collections/CollectionCardDeckView.scss
@@ -10,7 +10,7 @@
 
 .card-wrapper {
     display: grid;
-    grid-template-columns: repeat(10, 1fr); /* Creates 10 columns, adjust number as needed */
+    grid-template-columns: repeat(10, 1fr);
     // width: 100%;
 
     position: absolute;
@@ -21,6 +21,31 @@
     transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
 }
 
+.card-button-container {
+    display: flex;         
+    padding: 3px;
+    // width: 300px;        
+    background-color: rgb(218, 218, 218); /* Background color of the container */
+    border-radius: 50px;    /* Rounds the corners of the container */
+    transform: translateY(-50px); 
+    // box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Optional: Adds shadow for depth */
+    align-items: center;    /* Centers buttons vertically */
+    justify-content: start;/* Centers buttons horizontally */
+}
+
+button {
+    width: 35px;
+    height: 35px;
+    border-radius: 50%;
+    background-color: $dark-gray;
+    // border-color: $medium-blue;
+    margin: 5px;    // transform: translateY(-50px); 
+}
+
+// button:hover {
+//     transform: translateY(-50px); 
+// }
+
 // .card-wrapper::after {
 //     content: "";
 //     width: 100%; /* Forces wrapping */