diff --git a/src/components/hy-list-item/hy-list-item.scss b/src/components/hy-list-item/hy-list-item.scss index f14818888ba75b029ecf18672688134d272305c5..4165324a5af737e624300a82c072d290d32aba7b 100644 --- a/src/components/hy-list-item/hy-list-item.scss +++ b/src/components/hy-list-item/hy-list-item.scss @@ -123,7 +123,7 @@ color: var(--grayscale-black); left: -4px; letter-spacing: -0.07px; - padding: 8px 5px; + padding: 5px 8px; position: absolute; top: 16px; text-transform: uppercase; @@ -249,14 +249,13 @@ height: 14px; width: 14px; border: 3px solid #ffffff; - border-radius: 4px; + border-radius: 50%; background-color: #f9a21a; left: -7px; position: absolute; @include breakpoint($narrow) { border: none; - border-radius: 4px; height: 8px; margin-right: 6px; width: 8px; @@ -390,6 +389,7 @@ letter-spacing: -0.2px; height: 100%; padding: 8px 0; + text-align: left; width: 100%; @include breakpoint($narrow) { diff --git a/src/components/hy-video/hy-video.scss b/src/components/hy-video/hy-video.scss index 8368cefa5a87488689ff3fcf947667fe59a50b83..927d02e0ab3d7c4c74d5509cc7b1fdd074beaf2c 100644 --- a/src/components/hy-video/hy-video.scss +++ b/src/components/hy-video/hy-video.scss @@ -236,7 +236,6 @@ display: block; font-family: var(--main-font-family); letter-spacing: 0; - margin-bottom: 16px; width: 100%; @include breakpoint($narrow) { diff --git a/src/components/hy-video/hy-video.tsx b/src/components/hy-video/hy-video.tsx index 32593a0f352c3fd77fa308a125e35d2c954c0dab..702809a668b5f86a27793b9ae4f24392375096ff 100644 --- a/src/components/hy-video/hy-video.tsx +++ b/src/components/hy-video/hy-video.tsx @@ -121,9 +121,7 @@ export class HyVideo { )} </div> )} - {this.videoDescription && ( - <hy-paragraph-text class="hy-video__meta__description">{this.videoDescription}</hy-paragraph-text> - )} + {this.videoDescription && <div class="hy-video__meta__description">{this.videoDescription}</div>} </div> </div>, <hy-box mb="1.75, 1.75, 2, 2.5" />, diff --git a/src/components/hy-video/readme.md b/src/components/hy-video/readme.md index bfa0fb2f360889c073b0f7203ee5f464cf798c6b..1c177edf3af410acc9242a3b7d5ea9f9d3eb9955 100644 --- a/src/components/hy-video/readme.md +++ b/src/components/hy-video/readme.md @@ -29,7 +29,6 @@ - [hy-icon](../icon) - [hy-heading](../heading) -- [hy-paragraph-text](../paragraph-text) - [hy-box](../hy-box) ### Graph @@ -38,10 +37,8 @@ graph TD; hy-video --> hy-icon hy-video --> hy-heading - hy-video --> hy-paragraph-text hy-video --> hy-box hy-heading --> hy-box - hy-paragraph-text --> hy-box style hy-video fill:#f9f,stroke:#333,stroke-width:4px ``` diff --git a/src/components/paragraph-text/readme.md b/src/components/paragraph-text/readme.md index c2f3891065e19077a0bf6604813f38d60edbf664..1195f6c51210a4a95a6c9f6f7b3a8e63c2ceb232 100644 --- a/src/components/paragraph-text/readme.md +++ b/src/components/paragraph-text/readme.md @@ -39,10 +39,6 @@ Basic text paragraph. ## Dependencies -### Used by - -- [hy-video](../hy-video) - ### Depends on - [hy-box](../hy-box) @@ -52,7 +48,6 @@ Basic text paragraph. ```mermaid graph TD; hy-paragraph-text --> hy-box - hy-video --> hy-paragraph-text style hy-paragraph-text fill:#f9f,stroke:#333,stroke-width:4px ```