diff --git a/src/styles/general.scss b/src/styles/general.scss index 7263855..f18184b 100644 --- a/src/styles/general.scss +++ b/src/styles/general.scss @@ -127,17 +127,15 @@ body { position: static; display: flex; flex-direction: column; + align-items: center; .segment_image { float: none; - width: 100%; - height: auto; - background-color: transparent; - } - - .cover { - object-fit: contain; + width: 245px; + height: 245px; + object-fit: cover; object-position: top; + background-color: transparent; } .segment_header_middle { @@ -150,10 +148,11 @@ body { .segment_title_image { float: none; - margin-left: 0; - width: 100%; + margin-right: auto; + margin-left: auto; + width: 245px; padding-top: 12px; - height: 45px; + height: 55px; color: var(--on-accent-color); font-family: $title_font_family; font-size: $title_font_size; @@ -203,8 +202,11 @@ body { .segment_content_image { float: none; - width: 100%; + width: 245px; height: auto; + margin-top: 15px; + margin-left: 0 auto; + margin-right: 0 auto; padding: 12px 10px; box-sizing: border-box; font-size: $regular_image_font_size;