cleaner discover filters display

lbryio · Dec 3, 2021 · 0c1b681 · 0c1b681
1 parent 5fed2d0
commit 0c1b681
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/ui/component/claimListHeader/view.jsx b/ui/component/claimListHeader/view.jsx
@@ -277,7 +277,7 @@ function ClaimListHeader(props: Props) {
  </div>
  {expanded && (
  <>
- <div className={classnames(`card claim-search__menus`)}>
+ <div className={classnames(`claim-search__menus`)}>
  {/* FRESHNESS FIELD */}
  {orderParam === CS.ORDER_BY_TOP && (
  <div className="claim-search__input-container">

diff --git a/ui/scss/component/_claim-search.scss b/ui/scss/component/_claim-search.scss
@@ -13,7 +13,8 @@
  justify-content: flex-start;
  align-items: center;
  padding: var(--spacing-m);
- padding-bottom: var(--spacing-s);
+ padding-left: 0;
+ padding-bottom: 0;
  margin-top: var(--spacing-m);
  margin-bottom: var(--spacing-m);
  color: var(--color-text-subtitle);
@@ -41,17 +42,14 @@
  flex-direction: column;
  font-size: var(--font-body);
  width: 100%;
-
- &:not(:first-of-type) {
- margin-top: var(--spacing-s);
- }
+ margin-bottom: var(--spacing-m);
 
  @media (min-width: $breakpoint-small) {
  width: auto;
+ margin-top: 0;
 
- &:not(:first-of-type) {
- margin-top: 0;
- padding-left: var(--spacing-m);
+ &:not(:last-of-type) {
+ padding-right: var(--spacing-m);
  }
  }
 }