improve some layout on create calendar

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue

@@ -15,7 +15,7 @@
     </div>
   </div>
   <div class="display-options row justify-content-between" style="margin-top: 1rem;">
-    <div class="col-sm col-xs-12">
+    <div class="col-sm-9 col-xs-12">
       <div class="input-group mb-3">
         <label class="input-group-text" for="slotDuration">Durée des créneaux</label>
         <select v-model="slotDuration" id="slotDuration" class="form-select">
@@ -58,7 +58,7 @@
         </select>
       </div>
     </div>
-    <div class="col-sm col-xs-12">
+    <div class="col-sm-3 col-xs-12">
       <div class="float-end">
         <div class="form-check input-group">
           <span class="input-group-text">
@@ -167,7 +167,7 @@ const baseOptions = ref<CalendarOptions>({
   headerToolbar: {
     left: 'prev,next today',
     center: 'title',
-    right: 'timeGridWeek timeGridDay'
+    right: 'timeGridWeek,timeGridDay'
   },
 });