diff --git a/src/components/IntervalInput.vue b/src/components/IntervalInput.vue
index 3f9f802..0c68cfb 100644
--- a/src/components/IntervalInput.vue
+++ b/src/components/IntervalInput.vue
@@ -1,17 +1,17 @@
@@ -30,10 +30,10 @@ export default defineComponent({
const label = computed(() => {
if (interval.value === minInterval) {
- return '30s session'
+ return '30 second session'
}
- return `${interval.value}min session`
+ return `${interval.value} minute session`
})
return {
@@ -53,16 +53,23 @@ $button-size: 50px;
display: flex;
justify-content: center;
align-items: center;
- flex-wrap: wrap;
+
+ h3 {
+ flex: 1;
+ line-height: 2rem;
+ }
button {
display: flex;
justify-content: center;
align-items: center;
- margin: 0 1rem;
font-size: 2rem;
+ }
+
+ .spacer {
width: $button-size;
height: $button-size;
+ margin: 0 1rem;
}
}
diff --git a/src/views/Home.vue b/src/views/Home.vue
index c8d0262..48e89ab 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -24,21 +24,21 @@
v-if="timeState === 'stopped'"
src="@/assets/play.svg"
alt="play"
- width="44px"
- height="44px"
+ width="50px"
+ height="50px"
/>