SONAR-21467 Make new tab navigation component full width

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')};
 `;

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>