HBASE-14774 Addendum to tweak CSS

src/main/site/resources/css/site.css

@@ -19,6 +19,7 @@
 
 /*@import(https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css);
 @import(https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.css);*/
+
 html {
   background-color: #fff;
 }
@@ -83,9 +84,20 @@ li#publishDate.pull-right {
   /* Without this rule, drop-down divs are a fixed height
    * the first time they are expanded */
   .collapse.in {
-    height: auto;
-    overflow: visible;
+      height: auto;
   }
+  /* Fix Google Search Results box on small screens */
+  input.gsc-input,
+  .gsc-input-box,
+  .gsc-input-box-hover,
+  .gsc-input-box-focus,
+  .gsc-search-button,
+  .gsc-results-wrapper-visible {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+
   div#search-form.navbar-search.pull-right {
     padding: 0;
     margin-left: ;
@@ -93,3 +105,10 @@ li#publishDate.pull-right {
     clear: both;
   }
 }
+
+/* Fix Google Custom Search results div on very narrow screens */
+@media(max-width: 480px) {
+    .gsc-overflow-hidden .nav-collapse {
+        -webkit-transform: none;
+    }
+}