Plugin page styling

phated · phated · commit 865b51b31e9b · 2020-04-26T16:18:02.000-07:00
diff --git a/src/pages/plugins-new/index.js b/src/pages/plugins-new/index.js
@@ -302,7 +302,9 @@ function PluginsPage() {
                 placeholder={placeholder}
                 value={searchInput}
                 onChange={onChange} />
-              <button className="button button--lg button--primary">Search</button>
+              <button className={classnames("button button--primary", styles.searchButton)}>
+                Search
+              </button>
             </form>
           </div>
         </div>
diff --git a/src/pages/plugins-new/plugins.module.scss b/src/pages/plugins-new/plugins.module.scss
@@ -1,6 +1,5 @@
 .searchContainer {
-  // I hate grid utilities
-  display: flex !important;
+  display: flex;
 }
 
 .searchInput {
@@ -28,6 +27,10 @@
   }
 }
 
+.searchButton {
+  font-size: 1.1rem;
+}
+
 .pluginCardHeader {
   display: flex;
   justify-content: space-between;

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,5 @@`
`1`	`1`	`.searchContainer {`
`2`		`- // I hate grid utilities`
`3`		`- display: flex !important;`
	`2`	`+ display: flex;`
`4`	`3`	`}`
`5`	`4`
`6`	`5`	`.searchInput {`
`@@ -28,6 +27,10 @@`
`28`	`27`	`}`
`29`	`28`	`}`
`30`	`29`
	`30`	`+.searchButton {`
	`31`	`+ font-size: 1.1rem;`
	`32`	`+}`
	`33`	`+`
`31`	`34`	`.pluginCardHeader {`
`32`	`35`	`display: flex;`
`33`	`36`	`justify-content: space-between;`