diff --git a/base-client/src/app/app.component.scss b/base-client/src/app/app.component.scss index f8d6f70..86ce21a 100644 --- a/base-client/src/app/app.component.scss +++ b/base-client/src/app/app.component.scss @@ -34,7 +34,7 @@ main { } @media (min-width: $breakpoint-desktop) { - margin-top: 64px; + margin-top: 32px; max-width: calc(100vw - 191px); } } \ No newline at end of file diff --git a/base-client/src/app/components/search/search.component.scss b/base-client/src/app/components/search/search.component.scss index 683b14a..19e6898 100644 --- a/base-client/src/app/components/search/search.component.scss +++ b/base-client/src/app/components/search/search.component.scss @@ -2,13 +2,17 @@ .search-container { background-color: $mango-semi-dark-blue; - box-shadow: 1px 1px 3px rgba(0, 0, 0, .2); + box-shadow: 1px 0px 3px rgba(0, 0, 0, .2); border-radius: 5px; padding: 2px; margin-bottom: 24px; @media (min-width: $breakpoint-tablet) { - box-shadow: 3px 3px 3px rgba(0, 0, 0, .2); + box-shadow: 3px 0px 3px rgba(0, 0, 0, .2); + } + + @media (min-width: $breakpoint-desktop) { + padding: 4px; } } @@ -23,6 +27,11 @@ margin-left: 2px; margin-bottom: 2px; } + + @media (min-width: $breakpoint-desktop) { + height: 32px; + width: 32px; + } } .search-box { @@ -30,9 +39,15 @@ width: calc(100% - 28px); text-align: center; font-size: 16px; + margin-top: 2px; @media (min-width: $breakpoint-tablet) { font-size: 24px; width: calc(100% - 34px); } + + @media (min-width: $breakpoint-desktop) { + width: calc(100% - 42px); + margin-top: 4px; + } } \ No newline at end of file