SONAR-21467 Make new tab navigation component full width

diff --git a/server/sonar-web/design-system/src/components/Tabs.tsx b/server/sonar-web/design-system/src/components/Tabs.tsx
index dd0381f3284dc0108f0ae9173b697a4b65f62ef2..24b071b66a900e2e9cf4f8205704ffcc852ec878 100644 (file)
--- a/server/sonar-web/design-system/src/components/Tabs.tsx
+++ b/server/sonar-web/design-system/src/components/Tabs.tsx
@@ -82,6 +82,7 @@ export function Tabs<T extends TabValueType>(props: PropsWithChildren<TabsProps<
 
 const TabsContainer = styled.div`
   ${tw`sw-w-full`};
+  ${tw`sw-pl-4`};
   ${tw`sw-flex sw-justify-between`};
   border-bottom: ${themeBorder('default')};
 `;

diff --git a/server/sonar-web/src/main/js/apps/overview/branches/TabsPanel.tsx b/server/sonar-web/src/main/js/apps/overview/branches/TabsPanel.tsx
index 5760185f04c4fb8623b59f6b3baf7e9870b461a0..0f0ace130a23246b1a7f2c33ebee990024e58641 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/branches/TabsPanel.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/branches/TabsPanel.tsx
@@ -157,14 +157,14 @@ export function TabsPanel(props: React.PropsWithChildren<MeasuresPanelProps>) {
               </FlagMessage>
             </div>
           )}
-          <div className="sw-flex sw-items-center">
+          <div className="sw-flex sw-items-center sw--mx-6">
             <Tabs
               onChange={props.onTabSelect}
               options={tabs}
               value={isNewCode ? MeasuresTabs.New : MeasuresTabs.Overall}
             >
               {isNewCode && leakPeriod && (
-                <LightLabel className="sw-body-sm sw-flex sw-items-center">
+                <LightLabel className="sw-body-sm sw-flex sw-items-center sw-mr-6">
                   <span className="sw-mr-1">{translate('overview.new_code')}:</span>
                   <LeakPeriodInfo leakPeriod={leakPeriod} />
                 </LightLabel>