diff --git a/theme/home.less b/theme/home.less index a06950096bc3..ed3b2bfb6257 100644 --- a/theme/home.less +++ b/theme/home.less @@ -434,6 +434,19 @@ .project-info { order: 1; } + .ui.grid.stackable .project-info { + display: flex; + flex-direction: column; + + .segment { + display: flex; + flex-direction: column; + align-items: flex-start; + flex: 1 1 auto; + min-height: 0; + box-sizing: border-box; + } + } .actions { order: 2; } @@ -463,8 +476,15 @@ font-size: 20px; color: var(--pxt-neutral-foreground3); margin-bottom: 1rem; + flex: 0 0 auto; + } + .ui.labels { + flex: 0 0 auto; } .description-container { + flex: 1 1 auto; + min-height: 0; + width: 100%; max-height: 8rem; overflow-y: auto; margin-bottom: 0.5rem; @@ -475,6 +495,7 @@ .yt-button, button.home-share-button { display: inline-block; border-radius: 0.5rem; + flex: 0 0 auto; } .yt-button { background-color: var(--pxt-primary-background); @@ -1196,6 +1217,8 @@ overflow: visible; .segment { + height: auto; + max-height: none; padding-bottom: 1rem; } }