Adding a small amount of styling for moods

ostyn · Jun 26, 2020 · 349f1bd · 349f1bd
1 parent 7934c65
commit 349f1bd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/routes/tracker.html b/src/routes/tracker.html
@@ -9,7 +9,7 @@ <h3 class="cursor" click.trigger="showEditor = !showEditor">Entry Editor</h3>
 
   <h3 class="cursor" click.trigger="showMoods = !showMoods">Mood Editor</h3>
   <div if.bind="showMoods">
-    <span click.trigger="setCurrentMood(mood)" repeat.for="mood of moods">${mood.emoji}</span>
+    <span click.trigger="setCurrentMood(mood)" repeat.for="mood of moods" class="mood">${mood.emoji}</span>
     <mood-edit mood.two-way="mood"></mood-edit>
   </div>
 

diff --git a/src/tracker/tracker.css b/src/tracker/tracker.css
@@ -7,6 +7,10 @@
     opacity: .6;
     cursor: pointer;
 }
+.mood {
+    font-size: 32px;
+    cursor: pointer;
+}
 .activityEmoji {
     font-size: 32px;
     text-align: center;