minor style updates to Leaderboard, Ballot, and BallotLeaders

Author: jeffreywhitaker

src/components/Leaderboard.vue

@@ -2,7 +2,7 @@
   <div class="text-center">
     <v-dialog v-model="dialog" width="500">
       <template v-slot:activator="{ on, attrs }">
-        <v-btn color="#fdc743" dark v-bind="attrs" v-on="on">
+        <v-btn color="primary" dark v-bind="attrs" v-on="on" elevation="0">
           See Full Leaderboard
         </v-btn>
       </template>

src/views/Voting/Ballot.vue

@@ -90,6 +90,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+h2 {
+  text-align: center;
+  color: #0d1d41;
+  font-family: "Barlow", sans-serif;
+  font-weight: bold;
+  margin-bottom: 12px;
+}
+
 .ballot-wrapper {
   background-color: white;
 }

src/views/Voting/BallotLeaders.vue

@@ -18,7 +18,7 @@
         />
       </v-col>
     </v-row>
-    <v-row justify="center" v-else>
+    <v-row justify="center" v-else class="card-wrapper">
       <ballot-card
         v-for="(item, i) in pageData.items"
         :key="i"
@@ -145,4 +145,9 @@ h2 {
   font-weight: bold;
   margin-bottom: 12px;
 }
+
+.card-wrapper {
+  max-width: 1250px;
+  margin: 0 auto;
+}
 </style>