packages/web/src/styles/Cookbooks.css

@@ -168,52 +168,63 @@
 
 .cookbook-cover {
   width: 100%;
-  height: 60%;
+  height: 50%;
   object-fit: cover;
   flex-shrink: 0;
 }
 
 .cookbook-cover-placeholder {
   width: 100%;
-  height: 60%;
+  height: 50%;
   background: linear-gradient(135deg, #81c784 0%, #4caf50 100%);
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 4rem;
+  font-size: 2.5rem;
   flex-shrink: 0;
 }
 
 .cookbook-info {
-  padding: 0.75rem;
+  padding: 0.5rem;
   display: flex;
   flex-direction: column;
   flex: 1;
   min-height: 0;
+  overflow: hidden;
 }
 
 .cookbook-info h3 {
-  font-size: 1rem;
+  font-size: 0.9rem;
   color: #212121;
-  margin: 0 0 0.5rem 0;
+  margin: 0 0 0.25rem 0;
   overflow: hidden;
   text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  line-height: 1.3;
+  white-space: nowrap;
+  line-height: 1.2;
 }
 
 .cookbook-info .description {
   display: none;
 }
 
-.cookbook-info .recipe-count {
-  font-size: 0.8rem;
+.cookbook-info .cookbook-stats {
+  margin-top: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+}
+
+.cookbook-info .recipe-count,
+.cookbook-info .cookbook-count {
+  font-size: 0.7rem;
   color: #2e7d32;
   font-weight: 600;
   margin: 0;
-  margin-top: auto;
+  white-space: nowrap;
+}
+
+.cookbook-info .cookbook-tags {
+  display: none;
 }
 
 /* Recent Recipes Section */