diff --git a/app/routes/activity/components/Activity.scss b/app/routes/activity/components/Activity.scss index 04579a6b..d77d0906 100644 --- a/app/routes/activity/components/Activity.scss +++ b/app/routes/activity/components/Activity.scss @@ -45,14 +45,13 @@ .filters { display: flex; flex-direction: row; + user-select: none; li { position: relative; - margin: 0 15px; opacity: 0.5; font-size: 14px; cursor: pointer; - padding: 20px 0; &.activeFilter { opacity: 1; @@ -61,10 +60,19 @@ &:nth-child(1) { margin-left: 0; } + + span { + display: block; + position: relative; + margin: 0 15px; + padding: 20px 0; + } } .activeBorder { - width: 100%; + left: 15px; + right: 15px; + width: auto; height: 1px; background: white; position: absolute; @@ -116,4 +124,4 @@ .right { text-align: right; } -} \ No newline at end of file +}