diff --git a/client/src/components/Projects/Projects.jsx b/client/src/components/Projects/Projects.jsx index b3c1509a..0d07dd19 100755 --- a/client/src/components/Projects/Projects.jsx +++ b/client/src/components/Projects/Projects.jsx @@ -21,40 +21,38 @@ const Projects = React.memo(({ return ( - - {items.map((item) => ( - - -
-
-
{item.name}
+ {items.map((item) => ( + + +
+
+
{item.name}
+
+ + + ))} + {isEditable && ( + + - - )} - +
+ +
+ )} ); diff --git a/client/src/components/Projects/Projects.module.css b/client/src/components/Projects/Projects.module.css index 3b217530..a063f88e 100644 --- a/client/src/components/Projects/Projects.module.css +++ b/client/src/components/Projects/Projects.module.css @@ -36,7 +36,6 @@ .card { border-radius: 4px; height: 150px; - margin-bottom: 24px; transition: all 200ms ease !important; } @@ -53,7 +52,6 @@ .cardsWrapper { flex: 1 1 auto; max-height: 100%; - overflow: auto; } .gridFix { diff --git a/client/src/components/SocketStatus/SocketStatus.module.css b/client/src/components/SocketStatus/SocketStatus.module.css index ff3343da..3ae7876e 100644 --- a/client/src/components/SocketStatus/SocketStatus.module.css +++ b/client/src/components/SocketStatus/SocketStatus.module.css @@ -28,7 +28,7 @@ bottom: 20px; box-shadow: #b04632 0 1px 0; padding: 12px 18px; - position: absolute; + position: fixed; right: 20px; width: 390px; z-index: 10001;