Style fixes (#23)

Author: ilya101master

Makefile

@@ -1,5 +1,5 @@
 run:
-	yarn serve
+	yarn start
 
 build-docker-local:
 	docker build --build-arg BUILD_MODE=development --progress=plain -t calendar_ui:local .

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "start": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
     "serve:standalone": "vue-cli-service serve --mode standalone"

src/components/NavBar.vue

@@ -1,31 +1,32 @@
 <template>
   <header>
-    <button
-      v-if="this.$store.state.page"
-      class="btn btn-primary date options"
-      @click="
-        () => {
-          if (this.$store.state.page) showCalendar = !showCalendar;
-        }
-      "
-    >
-      {{ this.formatDate(this.date) }}
-        <span v-if="!showCalendar" class="material-symbols-sharp">
-          expand_more</span
-        >
-        <span v-else class="material-symbols-sharp"> expand_less </span>
-    </button>
-    <div v-else class="date">Твой ФФ!</div>
-    <div
-      v-if="showCalendar && this.$store.state.page"
-      class="date-nav"
-      v-click-outside="
+    <div class="date" v-click-outside="
         () => {
           this.showCalendar = false;
         }
-      "
-    >
-      <DatePicker class="calendar" v-model="date" />
+      ">
+      <button
+        v-if="this.$store.state.page"
+        class="btn btn-primary date options"
+        @click="
+          () => {
+            if (this.$store.state.page) showCalendar = !showCalendar;
+          }
+        "
+      >
+        {{ this.formatDate(this.date) }}
+          <span v-if="!showCalendar" class="material-symbols-sharp">
+            expand_more
+          </span>
+          <span v-else class="material-symbols-sharp"> expand_less </span>
+      </button>
+      <div v-else class="date">Твой ФФ!</div>
+      <div
+        v-if="showCalendar && this.$store.state.page"
+        class="date-nav"
+      >
+        <DatePicker class="calendar" v-model="date" />
+      </div>
     </div>
     <button
       class="btn btn-primary options"