new release

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lightcontrol",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "A Tecamino App",
   "productName": "Attendence Records",
   "author": "A. Zuercher",

src/pages/ReportPage.vue

@@ -82,8 +82,12 @@
         v-if="attendees !== undefined"
         :class="
           nonAttendees !== undefined
-            ? 'col-12 col-sm-5 col-md-5 q-pa-md'
+            ? printing
-            : 'col-12 col-md-8 col-lg-5'
+              ? 'col-5  q-pa-md'
+              : 'col-12 col-sm-5 col-md-5 q-pa-md'
+            : printing
+              ? 'col-5'
+              : 'col-12 col-md-8 col-lg-5'
         "
       >
         <q-table
@@ -103,7 +107,13 @@
       <div
         v-if="nonAttendees !== undefined"
         :class="
-          attendees !== undefined ? 'col-12 col-sm-5 col-md-5 q-pa-md' : 'col-12 col-md-8 col-lg-5'
+          attendees !== undefined
+            ? printing
+              ? 'col-5 q-pa-md'
+              : 'col-12 col-sm-5 col-md-5 q-pa-md'
+            : printing
+              ? 'col-5'
+              : 'col-12 col-md-8 col-lg-5'
         "
       >
         <q-table
@@ -151,6 +161,7 @@ const loading = ref(false);
 const amounts = ref<Amount[]>([]);
 const reportExportRef = ref<HTMLElement | null>(null);
 const weekdays = ref<number[]>([0, 3]);
+const printing = ref<boolean>(false);
 
 const columns = computed(() => [
   {
@@ -268,10 +279,14 @@ function updateReport(dates: string[]) {
 }
 
 function printReport() {
+  printing.value = true;
   window.print();
+  printing.value = false;
 }
 
 async function downloadPDF() {
+  printing.value = true;
+
   const element = reportExportRef.value;
   if (!element) return;
   // Generate date string (YYYY-MM-DD)
@@ -308,7 +323,8 @@ async function downloadPDF() {
     .save()
     .catch((error) => {
       console.error('PDF Generation failed:', error);
-    });
+    })
+    .finally(() => (printing.value = false));
 }
 </script>
 

src/pages/SettingsPage.vue

@@ -33,7 +33,7 @@
             <q-select
               dense
               :readonly="!user.isPermittedTo('settings', 'write')"
-              :class="[colorGroup ? 'col-md-4' : 'col-sm-6 col-md-12', 'q-pa-md']"
+              :class="[colorGroup ? 'col-md-4' : 'col-xs-12 col-sm-6 col-md-12', 'q-pa-md']"
               filled
               :label="$t('workspaces')"
               :options="localUser?.workspaces"
@@ -44,7 +44,7 @@
             <q-select
               dense
               :readonly="!user.isPermittedTo('settings', 'write')"
-              :class="[colorGroup ? 'col-md-4' : 'col-sm-6 col-md-12', 'q-pa-md']"
+              :class="[colorGroup ? 'col-md-4' : 'col-xs-12 col-sm-6 col-md-12', 'q-pa-md']"
               filled
               :label="$t('databaseName')"
               :options="databases"