From c73dfc650f5970985d7a65f4450e43682b5213e7 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Wed, 15 Jul 2020 01:08:29 +0200
Subject: [PATCH] :lipstick: (interval) interval in one line

---
 src/components/IntervalInput.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/IntervalInput.vue b/src/components/IntervalInput.vue
index efa72d1..3f9f802 100644
--- a/src/components/IntervalInput.vue
+++ b/src/components/IntervalInput.vue
@@ -6,7 +6,7 @@
       </button>
     </transition>
     <transition name="fade" mode="out-in">
-      <h2>{{ label }}</h2>
+      <h3>{{ label }}</h3>
     </transition>
     <transition name="fade" mode="out-in">
       <button v-show="editable" @click="plus">
@@ -29,15 +29,11 @@ export default defineComponent({
     const { interval, minInterval, minus, plus } = useInterval()
 
     const label = computed(() => {
-      if (interval.value > 1) {
-        return `${interval.value} minute session`
-      }
-
       if (interval.value === minInterval) {
-        return '30 second session'
+        return '30s session'
       }
 
-      return `${interval.value} minute`
+      return `${interval.value}min session`
     })
 
     return {