🎨 - Reformat code

src/App.vue

@@ -106,9 +106,11 @@ button:disabled {
   #container {
     flex-direction: column;
   }
+
   #todo-container {
     width: 100%;
   }
+
   #right-side {
     margin-right: 32px;
     margin-left: 32px;

src/components/Infos.vue

@@ -144,7 +144,6 @@ export default {
     resetStats() {
       this.resetDone = true;
       this.$store.commit('resetStats');
-      console.log(this.resetDone)
     },
   },
   mounted() {

src/components/Pomodoro.vue

@@ -38,6 +38,7 @@
 
 <script>
 import Stats from "@/components/Infos";
+
 const MINUTES = 25;
 const RANGE_MINUTES = 5;
 const SECONDS = 0;
@@ -99,7 +100,9 @@ export default {
       }
       this.disableButton("start");
       let all = document.querySelectorAll("#presetTime button");
-      for (let el of all) { el.disabled = true; }
+      for (let el of all) {
+        el.disabled = true;
+      }
     },
     pauseSession() {
       this.sessionStarted = false;
@@ -122,7 +125,9 @@ export default {
       this.prettyTime();
       clearTimeout(this.timeout);
       let all = document.querySelectorAll("#presetTime button, #start");
-      for (let el of all) { el.disabled = false; }
+      for (let el of all) {
+        el.disabled = false;
+      }
       this.disableButton("pause")
       this.unlockArrows()
     },
@@ -327,6 +332,7 @@ export default {
   margin: 12px 4px 12px 4px;
   display: inline-block;
 }
+
 /* ********** */
 /* RESPONSIVE */
 /* ********** */
@@ -335,9 +341,11 @@ export default {
   #container {
     margin-top: 16px;
   }
+
   #message {
     font-size: 1.6rem;
   }
+
   .pomodoro {
     margin-right: 8px;
     width: 50%;
@@ -348,6 +356,7 @@ export default {
   #time {
     font-size: 38px;
   }
+
   #colon {
     margin-right: 8px;
     margin-left: 8px;

src/components/Settings.vue

@@ -2,7 +2,8 @@
   <div id="settings-container">
     <div id="color-palette" class="bubble-container">
       <div v-for="color in colors" :key="color.id">
-      <div class="bubble-item" :id="color" :style="{backgroundColor: color, borderColor: activeColor}" @click="setBackgroundColor($event, color)"></div>
+        <div class="bubble-item" :id="color" :style="{backgroundColor: color, borderColor: activeColor}"
+             @click="setBackgroundColor($event, color)"></div>
       </div>
     </div>
   </div>
@@ -80,6 +81,7 @@ export default {
     justify-content: center;
     margin-top: 8px;
   }
+
   .bubble-item {
     margin-top: 0;
     margin-right: 4px;

src/components/ToDoList.vue

@@ -221,6 +221,7 @@ export default {
     padding-right: 16px;
     padding-left: 16px;
   }
+
   #liste {
     padding-bottom: 8px;
     padding-left: 16px;