diff --git a/data/web/fragment.com/about.html b/data/web/fragment.com/about.html
index 6e24f89a04..86d3c6f407 100644
--- a/data/web/fragment.com/about.html
+++ b/data/web/fragment.com/about.html
@@ -15,7 +15,7 @@
-
+
@@ -40,7 +40,7 @@
-
+
diff --git a/data/web/fragment.com/css/auction.css b/data/web/fragment.com/css/auction.css
index 4a9ae6c529..682c711137 100644
--- a/data/web/fragment.com/css/auction.css
+++ b/data/web/fragment.com/css/auction.css
@@ -484,7 +484,8 @@ i.icon {
padding: 0 17px;
}
.tm-header-tab,
-.tm-section-tab {
+.tm-section-tab,
+.tm-pagination-item {
font-size: 14px;
line-height: 18px;
font-weight: bold;
@@ -496,7 +497,9 @@ i.icon {
a.tm-header-tab:hover,
a.tm-header-tab:focus,
a.tm-section-tab:hover,
-a.tm-section-tab:focus {
+a.tm-section-tab:focus,
+a.tm-pagination-item:hover,
+a.tm-pagination-item:focus {
text-decoration: none;
color: rgba(var(--header-tab-color-rgb), .9);
}
@@ -505,11 +508,15 @@ a.tm-header-tab.tab-active:hover,
a.tm-header-tab.tab-active:focus,
.tm-section-tab.tab-active,
a.tm-section-tab.tab-active:hover,
-a.tm-section-tab.tab-active:focus {
+a.tm-section-tab.tab-active:focus,
+.tm-pagination-item.active,
+a.tm-pagination-item.active:hover,
+a.tm-pagination-item.active:focus {
color: var(--header-tab-color-active);
}
.tm-header-tab.tab-active:after,
-.tm-section-tab.tab-active:after {
+.tm-section-tab.tab-active:after,
+.tm-pagination-item.active:after {
content: '';
display: block;
position: absolute;
@@ -1248,6 +1255,22 @@ a.tm-menu-link:focus {
margin-left: 20px;
}
+.tm-section-pagination {
+ display: flex;
+ margin: 15px 0;
+ padding: 0 6px;
+}
+.tm-pagination-item {
+ padding: 8px 0;
+}
+.tm-pagination-item.active:after {
+ height: 3px;
+ border-radius: 2px;
+}
+.tm-pagination-item + .tm-pagination-item {
+ margin-left: 20px;
+}
+
.tm-form-subheader {
font-size: 18px;
line-height: 28px;
@@ -1714,6 +1737,9 @@ a.tm-table-action-link:hover {
.tm-section-bid-info .tm-list-item-value {
width: 45%;
}
+.tm-section-tabs + .tm-section-bid-info {
+ margin-bottom: 15px;
+}
.tm-bid-info-text {
--line-height: 17px;
font-size: 13px;
@@ -2789,6 +2815,10 @@ a.tm-table-action-link:hover {
padding: 10px 0;
}
+ .tm-pagination {
+ padding: 0 13px;
+ }
+
.tm-table-empty {
padding: 30px 20px;
}
@@ -2925,6 +2955,9 @@ a.tm-table-action-link:hover {
.tm-auction-section .tm-section-countdown-wrap {
order: 5;
}
+ .tm-section-tabs + .tm-section-bid-info {
+ margin-bottom: 23px;
+ }
.tm-auction-section .tm-section-header-text {
font-size: 28px;