Merge pull request #5900 from sg00dwin/search-related-fixes

Adjustments for alignment and spacing on the following search elements
openshift · Jul 10, 2020 · 3a39109 · 3a39109
2 parents d14d443 + 72418ff
commit 3a39109
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/frontend/public/components/_nav-title.scss b/frontend/public/components/_nav-title.scss
@@ -19,7 +19,8 @@
 }
 
 .co-m-nav-title {
-  padding: $grid-gutter-width ($grid-gutter-width / 2) 0;
+  margin-top: $grid-gutter-width;
+  padding: 0 ($grid-gutter-width / 2) 0;
   @media (min-width: $grid-float-breakpoint) {
     padding-left: $grid-gutter-width;
     padding-right: $grid-gutter-width;
@@ -40,6 +41,6 @@
   }
   // Positioned after --detail to take precedence, since they will be a siblings
   &--breadcrumbs {
-    padding-top: 0;
+    margin-top: 0;
   }
 }
diff --git a/frontend/public/components/_search.scss b/frontend/public/components/_search.scss
@@ -1,5 +1,12 @@
 .co-search__accordion {
   padding-top: 0 !important;
+  // Align with search results
+  @media (min-width: $screen-sm-min) {
+    .co-search-group__accordion-toggle {
+      padding-left: $grid-gutter-width;
+      padding-right: $grid-gutter-width;
+    }
+  }
   .co-m-pane__filter-bar {
     // Reduce the margin between the accordion toggle and the create button
     // so that the space is equal above and below the button.

diff --git a/frontend/public/components/utils/_status-box.scss b/frontend/public/components/utils/_status-box.scss
@@ -1,5 +1,5 @@
 .cos-status-box {
-  padding: 20px;
+  padding: 40px 20px;
 
   &__title {
     color: #333;

diff --git a/frontend/public/style/_overrides.scss b/frontend/public/style/_overrides.scss
@@ -236,6 +236,7 @@ h6 {
     --pf-c-toolbar--PaddingTop: 0;
     --pf-c-toolbar__content--PaddingLeft: 0;
     --pf-c-toolbar__content--PaddingRight: 0;
+    --pf-c-toolbar--RowGap: var(--pf-global--spacer--md);
   }
 
   .pf-c-page__main-section {