Merge pull request TFNS#468 from markfijneman/0-minor-style-fixes

Minor style fixes

Author: JJ-8

front/src/components/CTF/Info.vue

@@ -71,7 +71,7 @@
         <q-space />
       </div>
 
-      <div class="row q-gutter-md">
+      <div class="row">
         <div class="col">
           <div class="q-gutter-sm">
             <div class="row q-gutter-md q-pl-sm">

front/src/components/Dialogs/SearchDialog.vue

@@ -24,7 +24,7 @@
       </q-card-section>
 
       <q-card-section v-if="!!items.length" class="q-pt-none">
-        <q-list bordered separator style="border-radius: 4px">
+        <q-list bordered separator class="rounded-borders overflow-hidden">
           <q-item
             v-for="(item, i) in items"
             :key="item.nodeId"

front/src/components/Task/TaskTableDense.vue

@@ -8,7 +8,11 @@
     dense
   >
     <template #body="props">
-      <q-tr v-show="isTaskVisible(props.row)" :props="props">
+      <q-tr
+        v-show="isTaskVisible(props.row)"
+        style="height: 45px"
+        :props="props"
+      >
         <task-menu :task="props.row" :context-menu="true" />
 
         <q-td

front/src/pages/Team.vue

@@ -1,18 +1,21 @@
 <template>
   <q-page class="page q-pa-md">
-    <q-card class="">
+    <q-card>
       <q-card-section>
         <div class="text-h6">Team</div>
       </q-card-section>
+
       <q-table
+        flat
+        dense
         :columns="columns"
         :rows="team"
         hide-pagination
         :pagination="pagination"
       >
         <template #body-cell-username="props">
           <q-td key="username" :props="props">
-            <user-badge :profile="props.row" />
+            <user-badge :profile="props.row" class="q-mx-none" />
           </q-td>
         </template>
       </q-table>
@@ -36,27 +39,29 @@ export default defineComponent({
     const columns = [
       {
         name: 'role',
+        label: 'Role',
         sortable: true,
         field: 'role',
-        headerStyle: 'max-width: 150px',
-        style: 'text-transform: capitalize; width: 150px;',
-        label: 'role',
+        style: 'width: 75px; max-width: 75px; text-transform: capitalize',
+        align: 'left',
         format: (r: Role) => r.slice(5).toLowerCase(),
       },
       {
         name: 'username',
         headerStyle: 'col-auto',
-        style: 'width: 300px;',
         size: 'auto',
         sortable: true,
         field: 'username',
         label: 'Username',
+        style: 'width: 165px; max-width: 165px',
+        align: 'left',
       },
       {
         name: 'description',
         field: 'description',
         sortable: true,
         label: 'Description',
+        align: 'left',
       },
     ];
     return { team, columns, pagination };