Fixed size of search bar and length of progress animation

pastelsky · Sep 9, 2017 · 97590de · 97590de
1 parent 3298019
commit 97590de
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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;