design improvements

resources/sass/app.scss

@@ -327,26 +327,70 @@ $fa-font-path:        "/fonts";
         border: 1px solid #333;
         background: #2a2a2a;
         box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+        border-radius: 8px;
+        overflow: hidden;
+        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 
         &:hover {
             transform: translateY(-5px);
             box-shadow: 0 4px 8px rgba(0,0,0,0.3);
         }
 
+        img {
+            width: 100%;
+            height: auto;
+            object-fit: cover;
+            border-radius: 8px 8px 0 0;
+        }
+
         .quick-actions{
+            list-style: none;
+            padding: 0;
+            margin: 0;
+            display: flex;
+            justify-content: space-between;
             background: #333;
             border-top: 1px solid #444;
 
             li {
+                flex: 1;
+                text-align: center;
                 border-right: 1px solid #444;
 
+                &:last-child {
+                    border-right: none;
+                }
+
                 a {
                     color: #a0a0a0;
+                    text-decoration: none;
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    gap: 4px;
+                    padding: 8px;
+                    transition: all 0.2s ease;
+                    font-size: 0.85rem;
 
                     &:hover {
                         background: #444;
                         color: #e0e0e0;
                     }
+
+                    .iconify {
+                        font-size: 1.1rem;
+                    }
+                }
+
+                // Special styling for the rating item
+                &:last-child a {
+                    flex-direction: row;
+                    justify-content: center;
+                    gap: 4px;
+
+                    .iconify {
+                        margin-top: 0;
+                    }
                 }
             }
         }

resources/views/movie/show.blade.php

@@ -315,9 +315,6 @@
                                             <span class="iconify me-2" data-icon="mdi:playlist-check" data-width="20"></span>
                                             Add to list
                                         </span>
-                                        <span class="badge rounded-pill">
-                                            <span class="iconify" data-icon="mdi:chevron-down" data-width="16"></span>
-                                        </span>
                                     </a>
                                     <ul class="dropdown-menu" aria-labelledby="listDropdown">
                                         @foreach($userLists as $list)