Updated Events form

lnbits/extensions/events/templates/events/index.html

@@ -176,6 +176,17 @@
   <q-dialog v-model="formDialog.show" position="top">
     <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
       <q-form @submit="sendEventData" class="q-gutter-md">
+        <div class="row">
+          <div class="col">
+            <q-input
+              filled
+              dense
+              v-model.trim="formDialog.data.name"
+              type="name"
+              label="Title of event "
+            ></q-input>
+          </div>
+          <div class="col q-pl-sm">
             <q-select
               filled
               dense
@@ -185,13 +196,9 @@
               label="Wallet *"
             >
             </q-select>
-        <q-input
+          </div>
-          filled
+        </div>
-          dense
+
-          v-model.trim="formDialog.data.name"
-          type="name"
-          label="Name of event "
-        ></q-input>
         <q-input
           filled
           dense
@@ -199,27 +206,44 @@
           type="textarea"
           label="Info about the event "
         ></q-input>
+        <div class="row">
+          <div class="col-4">Ticket closing date</div>
+          <div class="col-8">
             <q-input
               filled
               dense
               v-model.trim="formDialog.data.closing_date"
               type="date"
-          label="Closing for tickets "
             ></q-input>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-4">Event begins</div>
+          <div class="col-8">
             <q-input
               filled
               dense
               v-model.trim="formDialog.data.event_start_date"
               type="date"
-          label="Event begins "
             ></q-input>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-4">Event ends</div>
+          <div class="col-8">
             <q-input
               filled
               dense
               v-model.trim="formDialog.data.event_end_date"
               type="date"
-          label="Event ends "
             ></q-input>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col">
             <q-input
               filled
               dense
@@ -227,6 +251,8 @@
               type="number"
               label="Amount of tickets "
             ></q-input>
+          </div>
+          <div class="col q-pl-sm">
             <q-input
               filled
               dense
@@ -234,6 +260,9 @@
               type="number"
               label="Price per ticket "
             ></q-input>
+          </div>
+        </div>
+
         <div class="row q-mt-lg">
           <q-btn
             v-if="formDialog.data.id"