Merge pull request #484 from weaveworks/larger-search-text

Larger text in search component
weaveworks · Jun 26, 2019 · b151cc1 · b151cc1
2 parents e725fd1 + 7e7472f
commit b151cc1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Search/Search.js b/src/components/Search/Search.js
@@ -41,7 +41,7 @@ const Styled = component => styled(component)`
   props.theme.colors[props.disabled ? 'gray50' : 'white']};
   border: 1px solid ${props => props.theme.colors.purple100};
   border-radius: ${props => props.theme.borderRadius.soft};
-  font-size: ${props => props.theme.fontSizes.small};
+  font-size: ${props => props.theme.fontSizes.normal};
   align-items: center;
 
   div,

diff --git a/src/components/Search/__snapshots__/Search.test.js.snap b/src/components/Search/__snapshots__/Search.test.js.snap
@@ -163,7 +163,7 @@ exports[`<Search /> snapshots renders a group of terms 1`] = `
   background-color: hsl(0,0%,100%);
   border: 1px solid hsl(240,20%,90%);
   border-radius: 2px;
-  font-size: 14px;
+  font-size: 16px;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -422,7 +422,7 @@ exports[`<Search /> snapshots renders a search string 1`] = `
   background-color: hsl(0,0%,100%);
   border: 1px solid hsl(240,20%,90%);
   border-radius: 2px;
-  font-size: 14px;
+  font-size: 16px;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -654,7 +654,7 @@ exports[`<Search /> snapshots renders empty 1`] = `
   background-color: hsl(0,0%,100%);
   border: 1px solid hsl(240,20%,90%);
   border-radius: 2px;
-  font-size: 14px;
+  font-size: 16px;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -932,7 +932,7 @@ exports[`<Search /> snapshots renders filters 1`] = `
   background-color: hsl(0,0%,100%);
   border: 1px solid hsl(240,20%,90%);
   border-radius: 2px;
-  font-size: 14px;
+  font-size: 16px;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;