[1107] Changed styling to unify padding in municipality details sections

src/components/municipalities/MunicipalityLinkCard.tsx

@@ -20,7 +20,7 @@ export function MunicipalityLinkCard({
       href={link || undefined}
       target="_blank"
       rel="noopener noreferrer"
-      className="group bg-black-2 rounded-level-2 p-8 hover:bg-black-1 transition-colors"
+      className="group bg-black-2 rounded-level-3 p-4 md:p-8 hover:bg-black-1 transition-colors"
     >
       <div className="flex items-center justify-between">
         <div className="space-y-2">

src/components/municipalities/MunicipalitySection.tsx

@@ -21,8 +21,8 @@ export function MunicipalitySection({
 }: MunicipalitySectionProps) {
   return (
     <SectionWithHelp helpItems={helpItems}>
-      <div className="p-4 md:p-6">
-        <Text className="text-2xl md:text-4xl">{title}</Text>
+      <div className="gap-8 md:gap-16">
+        <Text variant={"h3"}>{title}</Text>
       </div>
       <div className="grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-16 mt-8">
         {items.map((item, index) => (

src/data-guide/SectionWithHelp.tsx

@@ -19,8 +19,8 @@ export const SectionWithHelp = ({
       className={cn(
         " bg-black-2",
         "rounded-level-3 md:rounded-level-1",
-        "py-2 md:py-8",
-        "px-2 md:px-8",
+        "py-4 md:py-8",
+        "px-4 md:px-8",
       )}
     >
       <div className={cn(!showDataGuide && "md:mb-8 pb-8")}>{children}</div>

src/pages/MunicipalityDetailPage.tsx

@@ -237,10 +237,10 @@ export function MunicipalityDetailPage() {
                   translateNamespace="municipalityDetailPage"
                 />
               }
-              className="p-4 md:p-6"
+              className="gap-8 md:gap-16"
             />
 
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 mt-8">
+            <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-16">
               <MunicipalitySectorPieChart
                 sectorEmissions={sectorEmissions}
                 year={currentYear}