[MIM-2210] Mim 2210 tweaks statistics (#3155)

* Remove extra padding for om statististikken in statistic description part
MIM-2210

* Adjust border width to 1px for active Tag
MIM-2210

* Make adjustments to margin instead
MIM-2210

* Adjust margin-left and margin-right to minimize movement
MIM-2210

* Bump @statisticsnorway/ssb-component-library from 2.4.8. to 2.4.9; outline for tags
Use container instead of container-fluid instead
MIM-2210

Author: johnnadeluy

package-lock.json

@@ -76,7 +76,7 @@
     "@item-enonic-types/lib-thymeleaf": "~2.1.0",
     "@item-enonic-types/lib-time": "~1.0.4",
     "@reduxjs/toolkit": "~2.5.0",
-    "@statisticsnorway/ssb-component-library": "~2.4.7",
+    "@statisticsnorway/ssb-component-library": "~2.4.9",
     "@types/grecaptcha": "^3.0.9",
     "@types/ramda": "~0.30.2",
     "@types/react": "~18.3.12",

package.json

@@ -1,5 +1,6 @@
 .statistic-description {
   margin-top: 4.5rem;
+
   .content-wrapper {
     background-color: white;
     padding: 1.5rem 2.5rem 4.5rem;
@@ -23,11 +24,6 @@
     gap: 0.75rem;
     margin-top: 1.5rem;
     margin-bottom: 3rem;
-
-    .ssb-tag.active {
-      background: $ssb-green-4;
-      color: $ssb-white;
-    }
   }
 
   .selected-category {

src/main/resources/assets/styles/_statisticDescription.scss

@@ -44,7 +44,7 @@ function getOmStatistikken(req: XP.Request, page: Content<any>, aboutTheStatisti
   const props: AboutTheStatisticsProps = getAboutTheStatisticsProps(req, page, aboutTheStatisticsId)
 
   return render('site/parts/statisticDescription/statisticDescription', props, req, {
-    body: `<section id="om-statistikken" class="xp-part statistic-description container-fluid"></section>`,
+    body: `<section id="om-statistikken" class="xp-part statistic-description container"></section>`,
     id: 'statistic-description',
   })
 }