fixing product layout

templates/layout.html

@@ -23,6 +23,33 @@
             max-height: 200px;
             margin: 10px 0;
         }
+        
+        /* Product image styles for consistent display */
+        .product-image-container {
+            width: 100px;
+            height: 120px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 0 auto;
+            overflow: hidden;
+        }
+        
+        .product-image {
+            max-width: 100px;
+            max-height: 120px;
+            object-fit: contain;
+        }
+        
+        /* Table styles */
+        .table td {
+            vertical-align: middle;
+        }
+        
+        /* Ensure consistent height for table rows */
+        .table tr {
+            height: 150px;
+        }
     </style>
     {% block extra_css %}{% endblock %}
 </head>