diff --git a/client/components/AutocompleteInput/AutocompleteInput.scss b/client/components/AutocompleteInput/AutocompleteInput.scss index 3687223b..47d3618a 100644 --- a/client/components/AutocompleteInput/AutocompleteInput.scss +++ b/client/components/AutocompleteInput/AutocompleteInput.scss @@ -154,8 +154,8 @@ overflow: visible; @media screen and (max-width: 40em) { - width: 20px; - height: 20px; + width: 16px; + height: 16px; } path { diff --git a/client/components/ProgressSquare/ProgressSquare.js b/client/components/ProgressSquare/ProgressSquare.js index 31eb22f8..922b2485 100644 --- a/client/components/ProgressSquare/ProgressSquare.js +++ b/client/components/ProgressSquare/ProgressSquare.js @@ -46,7 +46,7 @@ export default class ProgressSquare extends Component { resolving: 3 + Math.random() * 2, building: 5 + Math.random() * 3, minifying: 3 + Math.random() * 2, - calculating: 0, + calculating: 20, } const order = [ diff --git a/pages/result/ResultPage.scss b/pages/result/ResultPage.scss index f53fc950..56fb8635 100644 --- a/pages/result/ResultPage.scss +++ b/pages/result/ResultPage.scss @@ -56,12 +56,24 @@ align-items: center; justify-content: center; - @media screen and (max-width: 40em) { padding: 0 $global-spacing * 2; } } +.result-header__search-input { + width: 45vw; + max-width: 580px; + + @media screen and (max-width: 48em) { + width: 70vw; + } + + @media screen and (max-width: 40em) { + width: 85vw; + } +} + .flash-message { @include font-size-sm; padding: $global-spacing / 3 $global-spacing * 2;