diff --git a/src/components/ControlBar/ViewControlBar/styles/ClearButton.module.css b/src/components/ControlBar/ViewControlBar/styles/ClearButton.module.css index 5f22c92fc..d2751c642 100644 --- a/src/components/ControlBar/ViewControlBar/styles/ClearButton.module.css +++ b/src/components/ControlBar/ViewControlBar/styles/ClearButton.module.css @@ -24,5 +24,6 @@ @media only screen and (max-width: 480px) { .button { margin-bottom: var(--spacers-dp4); + margin-right: 1px; } } diff --git a/src/components/ControlBar/ViewControlBar/styles/Content.module.css b/src/components/ControlBar/ViewControlBar/styles/Content.module.css index 91aeeec09..00360083b 100644 --- a/src/components/ControlBar/ViewControlBar/styles/Content.module.css +++ b/src/components/ControlBar/ViewControlBar/styles/Content.module.css @@ -24,6 +24,7 @@ .controlsSmall { display: block; + margin-bottom: var(--spacers-dp4); } .controlsLarge { @@ -53,6 +54,7 @@ .chipsContainer { margin-bottom: -4px; + padding-right: 2px; } .expanded .chipsContainer { diff --git a/src/components/ControlBar/ViewControlBar/styles/DashboardsBar.module.css b/src/components/ControlBar/ViewControlBar/styles/DashboardsBar.module.css index f413f656d..847ee7446 100644 --- a/src/components/ControlBar/ViewControlBar/styles/DashboardsBar.module.css +++ b/src/components/ControlBar/ViewControlBar/styles/DashboardsBar.module.css @@ -9,6 +9,7 @@ display: flex; flex-direction: column; height: var(--user-rows-height); + width: 100%; } .content { diff --git a/src/components/ControlBar/ViewControlBar/styles/Filter.module.css b/src/components/ControlBar/ViewControlBar/styles/Filter.module.css index 2a7cf0685..9fb314dda 100644 --- a/src/components/ControlBar/ViewControlBar/styles/Filter.module.css +++ b/src/components/ControlBar/ViewControlBar/styles/Filter.module.css @@ -1,3 +1,7 @@ +.container { + vertical-align: super; +} + .searchArea { width: 200px; height: 30px; @@ -13,7 +17,7 @@ width: 100%; min-width: 0; margin: 0; - padding: 6px 0 7px; + padding: 2px 0 0 0; } .input::placeholder { @@ -55,6 +59,11 @@ fill: var(--colors-grey700); } +.searchIconLarge { + width: 20px; + height: 20px; +} + .searchButton { border: none; background-color: transparent; @@ -96,6 +105,7 @@ @media only screen and (max-width: 480px) { .input { width: 100%; + padding-bottom: 2px; } .searchIconSmall {