diff --git a/app/assets/stylesheets/bento.scss b/app/assets/stylesheets/bento.scss index 1f884a5b..a4177577 100644 --- a/app/assets/stylesheets/bento.scss +++ b/app/assets/stylesheets/bento.scss @@ -188,6 +188,11 @@ $z-depth-way-front: 1000; .wrap-results { margin-top: 3rem; margin-bottom: 3rem; + + .results-desc { + font-size: $fs-smallish; + color: $gray; + } } .results-more { @@ -331,3 +336,36 @@ $z-depth-way-front: 1000; color: $gray; } } + +.wrap-chat { + border: 1px solid $gray-l3; + background-color: $white-t; + padding: 1.5rem 3rem 1rem 3rem; + font-size: $fs-smallish; + color: $gray; + + .title { + font-size: $fs-large; + color: $gray-d1; + margin-bottom: .2em; + } +} + +.inline-action { + + @media (min-width: $bp-screen-md) { + + .message { + display: inline-block; + vertical-align: middle; + width: 65% + } + + .actions { + display: inline-block; + vertical-align: middle; + width: 34%; + text-align: right; + } + } +} diff --git a/app/assets/stylesheets/libraries-global.css b/app/assets/stylesheets/libraries-global.css index d08afb1c..27328c4b 100644 --- a/app/assets/stylesheets/libraries-global.css +++ b/app/assets/stylesheets/libraries-global.css @@ -531,6 +531,7 @@ hr { .button-primary, .wrap-outer-header-local .action-auth { transition: background-color .25s, border .25s; + display: inline-block; border: 1px solid #338bc5; border-radius: 3px; padding: 5px 10px; @@ -546,6 +547,7 @@ hr { .button-secondary { transition: background-color .25s, border .25s; + display: inline-block; border: 1px solid #ccc; border: 1px solid rgba(89, 89, 89, 0.3); border-radius: 3px;