fix(table-pagination) hide description when under the small breakpoint

canonical · Feb 12, 2024 · 00da44a · 00da44a
1 parent 432966b
commit 00da44a
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/TablePagination/TablePagination.scss b/src/components/TablePagination/TablePagination.scss
@@ -3,10 +3,18 @@
 .pagination {
   align-items: baseline;
   display: flex;
-  margin-top: 1.2rem;
+  margin: $spv--large 0;
+
+  @media screen and (max-width: $breakpoint-small) {
+    justify-content: flex-end;
+  }
 
   .description {
     flex-grow: 1;
+
+    @media screen and (max-width: $breakpoint-small) {
+      display: none;
+    }
   }
 
   .back {