Fix oddly aligned pager

Signed-off-by: Hidde de Vries <hidde@hiddedevries.nl>
w3c · Sep 23, 2021 · e34a7d8 · e34a7d8
1 parent 2604c73
commit e34a7d8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Note: this changelog starts from 3.0.0, as it is built from scratch and therefore the code has no meaningful shared history with the 2.0.0 version. The 2.0.0 version of this tool lives in [w3c/wcag-em-report-tool](https://github.com/w3c/wcag-em-report-tool/) and has its own changelog there.
 
+## 3.0.1
+
+### Fixed
+
+* Pager was oddly aligned on page 1, because of max-width on list items
+
 ## 3.0.0
 
 ### Added

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "WCAG-EM-Report-Tool",
-    "version": "3.0.0",
+    "version": "3.0.1",
     "repository": {
         "type": "git",
         "url": "git://github.com/w3c/wcag-em-report-tool.git"

diff --git a/src/components/ui/Pager.svelte b/src/components/ui/Pager.svelte
@@ -48,6 +48,9 @@
   .Pager {
     grid-column: 2 / 10;
   }
+  :global(.app-container .pager--item) {
+    max-width: none;
+  }
 </style>
 
 <script>