diff --git a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss index 47e671a..7e82443 100644 --- a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss +++ b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss @@ -104,10 +104,9 @@ .new-button { background: linear-gradient(70deg, #07397C -37.98%, #1767AD 17.98%, #255B8E 53.85%); @extend .nav-button !optional; - //width: 100%; - //text-align: center; + @extend .is-clickable !optional; display: flex; - width: 284px; + height: 44px; justify-content: center; align-items: center; @@ -117,7 +116,12 @@ i { width: 20px; margin-right: 10px; + margin-left: 10px; float: left; + + .is-expanded-left & { + margin-left: 0; + } } .label { @@ -129,12 +133,16 @@ font-weight: 500; line-height: 100px; - .is-expanded-left & { display: block; width: 50%; float: left; } + + } + + .is-expanded-left & { + width: 284px; } } @@ -406,15 +414,14 @@ } .conversation-bottom { - padding: 10px; + padding: 10px 200px; } .bottom-warning-container { margin-left: 70px; margin-top: 18px; - //position: relative; + margin-bottom: -110px; bottom: 12px; - //left: 12px; .is-expanded-left & { left: 300px;