fixed progress and alignment of style-change

resources/js/Components/ImageContextMenu.vue

@@ -86,7 +86,7 @@ const showStyleSelectorView = ref(false);
 }
 
 .context-menu-image-preview {
-  flex: 7; /* Takes 70% of the space (7 out of 10 parts) */
+  flex: 6; /* Takes 60% of the space (6 out of 10 parts) */
   display: flex;
   justify-content: center;
   align-items: center;
@@ -101,7 +101,7 @@ const showStyleSelectorView = ref(false);
 }
 
 .context-menu-options {
-  flex: 3; /* Takes 30% of the space (3 out of 10 parts) */
+  flex: 4; /* Takes 40% of the space (4 out of 10 parts) */
   display: flex;
   flex-direction: column;
 }

resources/js/Components/StyleSelector.vue

@@ -127,11 +127,8 @@ onMounted(() => {
 }
 
 .style-thumbnail {
-  width: 80px;
-  height: 80px;
-  object-fit: cover;
-  border-radius: 4px;
-  margin-right: 15px;
+  width: 120px;
+  padding-right: 10px;
 }
 
 .style-details h4 {