Google search UX improvements

2 files changed, 12 insertions, 10 deletions

diff --git a/content/assets/stylesheets/_landing.scss b/content/assets/stylesheets/_landing.scss
index 37f4217c..c3e4ecc0 100644
--- a/content/assets/stylesheets/_landing.scss
+++ b/content/assets/stylesheets/_landing.scss
@@ -76,10 +76,6 @@
         width: 100%;
       }
 
-      .card-body {
-        padding: 1.25rem 3.25rem;
-      }
-
       .card-title {
         font-size: 3rem;
         line-height: 3.25rem;
@@ -174,7 +170,7 @@
     }
 
     .search-form {
-      margin-bottom: 2em;
+      margin: 0 auto 2em;
     }
   }
 
diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss
index b5da36e2..0287d9da 100644
--- a/content/assets/stylesheets/stylesheet.scss
+++ b/content/assets/stylesheets/stylesheet.scss
@@ -237,7 +237,7 @@ ol {
 .navbar {
   min-height: $header-height;
   background-color: $header-background-color;
-  z-index: 3;
+  z-index: 99;
 
   .navbar-brand {
     font-size: 1rem;
@@ -292,13 +292,16 @@ ol {
     }
   }
 
-  .search-form {
-    .input-group-append {
-      background-color: inherit;
-    }
+  .search-form .input-group-append {
+    background-color: inherit;
   }
 }
 
+// Search
+.search-form {
+  max-width: 25rem;
+}
+
 //badges
 .badges-drop {
   display: inline-block;
@@ -580,6 +583,9 @@ a.gl-tab-nav-item:hover {
     z-index: auto;
   }
 }
+.gl-pagination a.page-link {
+  color: $gds-gray-900;
+}
 
 .four-oh-four {
   a.back-btn:hover {