Update UserLeaderboard.vue (#311)

VictorWinberg · Nov 6, 2021 · 714c57c · 714c57c
1 parent 82828db
commit 714c57c
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/client/src/components/UserLeaderboard.vue b/client/src/components/UserLeaderboard.vue
@@ -2,7 +2,7 @@
   <div>
     <h2 class="leaderboard__title">Leaderboard</h2>
     <div class="leaderboard__nav">
-      <h3 @click="togglePeriod">{{ week }} {{ month }} {{ year }}</h3>
+      <h3 class="leaderboard__period" @click="togglePeriod">{{ week }} {{ month }} {{ year }}</h3>
       <a class="nav--left" @click="nav(-1)">
         <i class="fas fa-caret-left"></i>
       </a>
@@ -108,10 +108,6 @@ export default Vue.extend({
 .leaderboard__nav {
   position: relative;
 
-  h3 {
-    display: inline-block;
-  }
-
   a {
     position: absolute;
     top: 0;
@@ -131,6 +127,11 @@ export default Vue.extend({
   }
 }
 
+.leaderboard__period {
+  display: inline-block;
+  text-decoration: underline;
+}
+
 .leaderboard__table {
   min-width: 100%;
   max-width: 800px;