fix(filter-container): fix alignment and heights

Author: iacopolea

src/pages/Bugs/Content/BugPreview.tsx

@@ -23,9 +23,9 @@ const DetailContainer = styled.div`
   top: 0;
   width: 100%;
   background-color: white;
-  padding-bottom: ${({ theme }) => theme.space.md};
   max-height: calc(
-    100vh - ${({ theme }) => theme.components.chrome.header.height}
+    100vh - ${({ theme }) => theme.components.chrome.header.height} -
+      ${filtersHeight}px
   );
   overflow: hidden;
   @media (min-width: ${({ theme }) => theme.breakpoints.xl}) {

src/pages/Bugs/Content/components/BugHeader.tsx

@@ -50,7 +50,12 @@ export default ({
 
   return (
     <Container>
-      <Tag isPill={false} isRegular hue="rgba(0,0,0,0)">
+      <Tag
+        isPill={false}
+        isRegular
+        hue="rgba(0,0,0,0)"
+        style={{ paddingTop: `${globalTheme.space.base}px` }}
+      >
         {!bug.duplicated_of_id && (
           <Tag.Avatar>
             <FatherIcon

src/pages/Bugs/Content/index.tsx

@@ -5,7 +5,7 @@ import styled from 'styled-components';
 import { theme as globalTheme } from 'src/app/theme';
 import { BugsFilters } from '../Filters';
 import { FilterRecap } from '../Filters/FilterRecap';
-import { BugPreview, filtersHeight } from './BugPreview';
+import { BugPreview } from './BugPreview';
 import BugsTable from './BugsTable';
 import BugsPageContentLoader from './ContentLoader';
 
@@ -25,7 +25,6 @@ const LayoutWrapperFilters = styled(LayoutWrapper)`
     position: sticky;
     top: 0;
     z-index: 2;
-    max-height: ${filtersHeight}px;
   }
 `;