From 0e8d793ff7b10bdcbb9495cd01d01386d53a9a23 Mon Sep 17 00:00:00 2001
From: markfijneman <48481393+markfijneman@users.noreply.github.com>
Date: Thu, 11 Apr 2024 23:06:52 +0200
Subject: [PATCH 1/5] Made full table rows clickable on past CTFs page

---
 front/src/components/CTF/Past.vue | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/front/src/components/CTF/Past.vue b/front/src/components/CTF/Past.vue
index 68e5da017..11fadac35 100644
--- a/front/src/components/CTF/Past.vue
+++ b/front/src/components/CTF/Past.vue
@@ -15,11 +15,19 @@
           <q-tr :props="props">
             <card-admin-menu :ctf="props.row" />
             <q-td key="title" :props="props">
-              <ctf-note-link :ctf="props.row" name="ctf">
-                <q-btn flat :label="props.row.title" />
-              </ctf-note-link>
+              <ctf-note-link
+                :ctf="props.row"
+                name="ctf"
+                class="stretched-link"
+              />
+              <span class="text-weight-medium">{{ props.row.title }}</span>
             </q-td>
             <q-td key="date" :props="props">
+              <ctf-note-link
+                :ctf="props.row"
+                name="ctf"
+                class="stretched-link"
+              />
               {{ formatTime(props.row) }}
             </q-td>
           </q-tr>
@@ -100,3 +108,16 @@ export default defineComponent({
   },
 });
 </script>
+
+<style scoped lang="scss">
+/* Bootstrap stretched-link class (https://github.com/twbs/bootstrap/blob/868705bed08f0824ec560e0397a023266786a26b/scss/helpers/_stretched-link.scss) */
+.stretched-link::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  content: '';
+}
+</style>

From 9d5f49a20c6cd7ddeaf27a4401b2ba71c3f26ab9 Mon Sep 17 00:00:00 2001
From: markfijneman <48481393+markfijneman@users.noreply.github.com>
Date: Thu, 11 Apr 2024 23:12:30 +0200
Subject: [PATCH 2/5] Removed padding from past CTFs card

---
 front/src/components/CTF/Past.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front/src/components/CTF/Past.vue b/front/src/components/CTF/Past.vue
index 11fadac35..89e4cdd7f 100644
--- a/front/src/components/CTF/Past.vue
+++ b/front/src/components/CTF/Past.vue
@@ -1,6 +1,6 @@
 <template>
   <q-card>
-    <q-card-section>
+    <q-card-section class="q-pa-none">
       <q-table
         v-model:pagination="pagination"
         no-data-label="No CTF available."

From 7c650a276e9ed506ea974b4ff76916f056604b65 Mon Sep 17 00:00:00 2001
From: markfijneman <48481393+markfijneman@users.noreply.github.com>
Date: Thu, 11 Apr 2024 23:18:00 +0200
Subject: [PATCH 3/5] Made past CTFs table dense

---
 front/src/components/CTF/Past.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/front/src/components/CTF/Past.vue b/front/src/components/CTF/Past.vue
index 89e4cdd7f..68cbd57ec 100644
--- a/front/src/components/CTF/Past.vue
+++ b/front/src/components/CTF/Past.vue
@@ -5,6 +5,7 @@
         v-model:pagination="pagination"
         no-data-label="No CTF available."
         flat
+        dense
         :rows="ctfs"
         :loading="loading"
         :columns="columns"
@@ -12,7 +13,7 @@
         @request="onRequest"
       >
         <template #body="props">
-          <q-tr :props="props">
+          <q-tr :props="props" style="height: 42px">
             <card-admin-menu :ctf="props.row" />
             <q-td key="title" :props="props">
               <ctf-note-link

From 78d87c03e96fc9890b6a6934c18b29af069b46cd Mon Sep 17 00:00:00 2001
From: markfijneman <48481393+markfijneman@users.noreply.github.com>
Date: Thu, 11 Apr 2024 23:33:27 +0200
Subject: [PATCH 4/5] Increased rows per page options for past CTFs table

---
 front/src/components/CTF/Past.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front/src/components/CTF/Past.vue b/front/src/components/CTF/Past.vue
index 68cbd57ec..53a1be233 100644
--- a/front/src/components/CTF/Past.vue
+++ b/front/src/components/CTF/Past.vue
@@ -80,7 +80,7 @@ export default defineComponent({
       ctfs: computed(() => pastCtfs.value.ctfs),
       loading,
       pagination,
-      rowsPerPageOptions: [5, 10, 15, 20, 30, 40, 50],
+      rowsPerPageOptions: [25, 50, 75, 100, 150, 200, 250],
       columns: [
         {
           name: 'title',

From a322cbf719dcdceb2c73e8f60be24ff2d7afe283 Mon Sep 17 00:00:00 2001
From: markfijneman <48481393+markfijneman@users.noreply.github.com>
Date: Thu, 11 Apr 2024 23:37:12 +0200
Subject: [PATCH 5/5] Made rows per page setting for past CTFs table persistent

---
 front/src/components/CTF/Past.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/front/src/components/CTF/Past.vue b/front/src/components/CTF/Past.vue
index 53a1be233..20185338e 100644
--- a/front/src/components/CTF/Past.vue
+++ b/front/src/components/CTF/Past.vue
@@ -40,6 +40,7 @@
 
 <script lang="ts">
 import { date } from 'quasar';
+import { useStoredSettings } from 'src/extensions/storedSettings';
 import { Ctf } from 'src/ctfnote/models';
 import ctfnote from 'src/ctfnote';
 import { computed, defineComponent, ref, watch } from 'vue';
@@ -57,9 +58,13 @@ type OnRequestProps = {
 export default defineComponent({
   components: { CardAdminMenu, CtfNoteLink },
   setup() {
+    const { makePersistant } = useStoredSettings();
+
+    const rowsPerPage = makePersistant('ctf-rows-per-page', ref(50));
+
     const pagination = ref({
       rowsNumber: 0,
-      rowsPerPage: 20,
+      rowsPerPage: rowsPerPage,
       page: 1,
     });
 
@@ -76,10 +81,19 @@ export default defineComponent({
       { immediate: true }
     );
 
+    watch(
+      () => pagination.value.rowsPerPage,
+      (v) => {
+        rowsPerPage.value = v;
+      },
+      { immediate: true }
+    );
+
     return {
       ctfs: computed(() => pastCtfs.value.ctfs),
       loading,
       pagination,
+      rowsPerPage,
       rowsPerPageOptions: [25, 50, 75, 100, 150, 200, 250],
       columns: [
         {