UI changes

content_quality_tool_public/static/css/attr-extraction.css

@@ -317,3 +317,26 @@ td.thumb-cell { width: 60px; }
         justify-content: center;
     }
 }
+
+
+/* MOBILE STYLING */
+@media (max-width: 600px) {
+    .product {
+        grid-template-columns: 48px auto;
+        grid-template-rows: auto auto;
+        gap: 8px;
+        align-items: center;
+        padding: 12px;
+    }
+
+    .product > :nth-child(2),
+    .product > :nth-child(3) {
+        grid-column: 2 / span 1;
+    }
+
+    .product > :nth-child(4) {
+        grid-column: 1 / -1;
+        justify-self: end;
+        margin-top: 8px;
+    }
+}