diff --git a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss index 0db581da..1aafd228 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss @@ -42,6 +42,7 @@ height: 100%; display: inline-flex; align-items: center; + margin-right: 10px; } .app-layout-native-title-bar-link { @@ -54,7 +55,7 @@ overflow: hidden; white-space: nowrap; align-items: center; - height:100%; + height: 100%; .button { -webkit-app-region: no-drag; outline: 0; diff --git a/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.scss b/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.scss index b46e7252..5ec4c83b 100644 --- a/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.scss +++ b/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.scss @@ -26,8 +26,8 @@ width: 100%; position: relative; justify-items: center; - .mat-icon{ - font-size:18px; + .icon-img { + margin-right: 6px; } .final-message { white-space: nowrap; diff --git a/projects/ucap-webmessenger-ui/src/lib/components/integrated-search-form.component.scss b/projects/ucap-webmessenger-ui/src/lib/components/integrated-search-form.component.scss index 94da42fa..f57a1f8c 100644 --- a/projects/ucap-webmessenger-ui/src/lib/components/integrated-search-form.component.scss +++ b/projects/ucap-webmessenger-ui/src/lib/components/integrated-search-form.component.scss @@ -3,11 +3,19 @@ display: flex; flex-flow: row; align-items: center; - width: 250px; - max-width: 250px; + width: 240px; + max-width: 240px; color: #ffffff; - font-size: 0.9em; + font-size: 0.88rem; + color: #2d3a4a; + background-color: #ffffff; + padding: 4px 10px; + border-radius: 3px; .icon-img { flex: 0 0 auto; } + .mat-form-field { + font-size: 0.88rem; + color: #333333; + } }