diff --git a/components/02_Molecules/placeTeaser/_placeTeaser.scss b/components/02_Molecules/placeTeaser/_placeTeaser.scss index 58a8627..2b4af1c 100644 --- a/components/02_Molecules/placeTeaser/_placeTeaser.scss +++ b/components/02_Molecules/placeTeaser/_placeTeaser.scss @@ -1,93 +1,95 @@ .LP-PlaceTeaser{ - width: 280px; + width: 280px; .LP-PlaceTeaser__Image{ - height: 165px; - width: 280px; - overflow: hidden; + height: 165px; + width: 280px; + overflow: hidden; - .LP-Image{ - max-width:unset; - max-height:unset; - object-fit: cover; - } + .LP-Image{ + max-width:unset; + max-height:unset; + object-fit: cover; + } } .LP-PlaceTeaser__Meta{ display: flex; align-items: center; justify-content: space-between; - padding-bottom: 10px; - - .LP-Paragraph{ - font-family: $-primary-sans-serif-font; - padding: 0; - margin: 0; - margin-top: 5px; - font-size: 0.9rem; - } + padding: 5px; + padding-bottom: 10px; + padding-top: 10px; + + .LP-Paragraph{ + font-family: $-primary-sans-serif-font; + padding: 0; + margin: 0; + margin-top: 5px; + font-size: 0.9rem; + } - .LP-Headline{ - font-family: $-primary-sans-serif-font; - color: $-grey; - font-size: 1rem; - padding: 0px; - margin: 0px; - } + .LP-Headline{ + font-family: $-primary-sans-serif-font; + color: $-grey; + font-size: 1rem; + padding: 0px; + margin: 0px; + } } - .LP-PlaceTeaser__Description{ - font-family: $-primary-sans-serif-accent-font; - color: $-grey; - display: none; - } + .LP-PlaceTeaser__Description{ + font-family: $-primary-sans-serif-accent-font; + color: $-grey; + display: none; + } } @media(min-width: $-viewport-small){ - .LP-PlaceTeaser--extended{ - display: flex; - flex-direction: row; - width: auto; - padding-right: 25px; - height: 165px; + .LP-PlaceTeaser--extended{ + display: flex; + flex-direction: row; + width: auto; + padding-right: 25px; + height: 165px; - .LP-PlaceTeaser__Meta{ - margin: 0; - padding: 5px; - padding-left: 25px; - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: flex-start; + .LP-PlaceTeaser__Meta{ + margin: 0; + padding: 5px; + padding-left: 25px; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: flex-start; - .LP-PlaceTeaser__Info{ - .LP-Headline{ - font-size: 28px; - } - } + .LP-PlaceTeaser__Info{ + .LP-Headline{ + font-size: 28px; + } + } - .LP-PlaceTeaser__Icons{ - margin-top: auto; - - ul{ - padding: 0; - margin: 0; - } - } - } + .LP-PlaceTeaser__Icons{ + margin-top: auto; + + ul{ + padding: 0; + margin: 0; + } + } + } - .LP-PlaceTeaser__Description{ - display: block; - max-height: 55px; - overflow: hidden; - } + .LP-PlaceTeaser__Description{ + display: block; + max-height: 55px; + overflow: hidden; + } - .LP-PlaceTeaser__Image{ - height:165px; - width: 280px; - flex-shrink: 0; - flex-grow: 0; - - } - } + .LP-PlaceTeaser__Image{ + height:165px; + width: 280px; + flex-shrink: 0; + flex-grow: 0; + + } + } } \ No newline at end of file diff --git a/public/components.css b/public/components.css index a42fcfa..307f3dc 100644 --- a/public/components.css +++ b/public/components.css @@ -179,7 +179,9 @@ body { display: flex; align-items: center; justify-content: space-between; - padding-bottom: 10px; } + padding: 5px; + padding-bottom: 10px; + padding-top: 10px; } .LP-PlaceTeaser .LP-PlaceTeaser__Meta .LP-Paragraph { font-family: Montserrat, Helvetica, sans-serif; padding: 0;