Vertically Center Aligned createdBy, createdAt, lastModifiedBy and lastModifiedAt Properties (#1580)

* Vertically Center Aligned Dates.

* Vertically Centered lastModifiedAt & lastModifiedBy Properties

* Centered createdAt & createdBy Properties

* Added newlines in sass files

* Fixed createdBy alignment

* fix linting

Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
Co-authored-by: Hossein Ahmadian-Yazdi <hyazdi1997@gmail.com>

webapp/src/components/properties/createdAt/createdAt.scss

@@ -0,0 +1,4 @@
+.CreatedAt {
+    display: flex;
+    align-items: center;
+}

webapp/src/components/properties/createdAt/createdAt.tsx

@@ -6,6 +6,7 @@ import React from 'react'
 import {useIntl} from 'react-intl'
 
 import {Utils} from '../../../utils'
+import './createdAt.scss'
 
 type Props = {
     createAt: number

webapp/src/components/properties/lastModifiedAt/lastModifiedAt.scss

@@ -0,0 +1,4 @@
+.LastModifiedAt {
+    display: flex;
+    align-items: center;
+}

webapp/src/components/properties/lastModifiedAt/lastModifiedAt.tsx

@@ -10,6 +10,7 @@ import {Block} from '../../../blocks/block'
 import {ContentBlock} from '../../../blocks/contentBlock'
 import {CommentBlock} from '../../../blocks/commentBlock'
 import {Utils} from '../../../utils'
+import './lastModifiedAt.scss'
 
 type Props = {
     card: Card,

webapp/src/components/properties/lastModifiedBy/lastModifiedBy.scss

@@ -0,0 +1,4 @@
+.LastModifiedBy {
+    display: flex;
+    align-items: center;
+}

webapp/src/components/properties/lastModifiedBy/lastModifiedBy.tsx

@@ -11,6 +11,7 @@ import {Board} from '../../../blocks/board'
 import {Block} from '../../../blocks/block'
 import {getWorkspaceUsers} from '../../../store/users'
 import {useAppSelector} from '../../../store/hooks'
+import './lastModifiedBy.scss'
 
 type Props = {
     card: Card,

webapp/src/components/properties/user/user.scss

@@ -1,6 +1,8 @@
 .UserProperty {
     margin-right: 20px;
     min-width: 120px;
+    display: flex;
+    align-items: center;
 
     &.readonly {
         overflow: hidden;