commit 3b30040c57b66669011b106c1b855e7b8f2eea57
author Mohcine EL KASSIB <elkassib.mohcine@gmail.com> Sun May 24 23:11:20 2020 +0000
committer Paul King <paulk@asert.com.au> Mon Aug 17 17:31:54 2020 +1000
tree ebc84c0ce576e367ba7307aac373c615125d7900
parent e508f5f09d873a99569030cae5159979d66c26de

Fix search bar css style (closes #23)

1) Making the search bar more large
2) Fix the input field height to be aligned with search button
3) Set the search icon in the middle of the search button

site/src/site/pages/search.groovy

diff --git a/site/src/site/pages/search.groovy b/site/src/site/pages/search.groovy
index 6a6d061..30183e6 100644
--- a/site/src/site/pages/search.groovy
+++ b/site/src/site/pages/search.groovy
@@ -31,7 +31,7 @@
                                 'gcse:search'(linkTarget: '_blank'){}
                                 style '''
                                     .gsc-input-box {
-                                        height: 30px;
+                                        height: auto;
                                     }
                                     input.gsc-search-button, input.gsc-search-button-v2 {
                                         height: 30px;
@@ -66,7 +66,13 @@
                                         width: 120px !important;
                                     }
                                     td.gsc-search-button {
-                                        padding-top: 6px;
+                                        padding-top: 0;
+                                    }
+                                    button.gsc-search-button.gsc-search-button-v2 > svg {
+                                        vertical-align: middle;
+                                    }
+                                    div.gsc-control-cse.gsc-control-cse-en {
+                                        padding: 0;
                                     }
                                     td.gsc-orderby-container {
                                         padding-right: 20px;