@@ -48,14 +48,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
48
48
<div class="table__header">
49
49
{{ t('tasks', 'Name') }}
50
50
</div>
51
- <div class="table__header deletedAt">
51
+ <div class="table__header table__header-- deletedAt">
52
52
{{ t('tasks', 'Deleted') }}
53
53
</div>
54
54
<div class="table__header">
55
55
56
56
</div>
57
57
<template v-for="item in items" class="row">
58
- <div :key="`${item.url}desc`">
58
+ <div :key="`${item.url}desc`" class="table__body" >
59
59
<div
60
60
class="icon-bullet"
61
61
:style="{ 'background-color': item.color }" />
@@ -68,10 +68,10 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
68
68
</div>
69
69
</div>
70
70
</div>
71
- <div :key="`${item.url}date`" class="deletedAt">
71
+ <div :key="`${item.url}date`" class="table__body table__body-- deletedAt">
72
72
<Moment class="timestamp" :timestamp="item.deletedAt" />
73
73
</div>
74
- <div :key="`${item.url}action`">
74
+ <div :key="`${item.url}action`" class="table__body" >
75
75
<button @click="restore(item)">
76
76
{{ t('tasks','Restore') }}
77
77
</button>
@@ -284,6 +284,13 @@ export default {
284
284
z-index: 1;
285
285
}
286
286
287
+ &__header,
288
+ &__body {
289
+ &--deletedAt {
290
+ justify-content: right;
291
+ }
292
+ }
293
+
287
294
& > div {
288
295
display: flex;
289
296
align-items: center;
@@ -306,10 +313,6 @@ export default {
306
313
}
307
314
}
308
315
309
- .deletedAt {
310
- text-align: right;
311
- }
312
-
313
316
.footer {
314
317
color: var(--color-text-lighter);
315
318
text-align: center;
0 commit comments