From 9c9c861a08621a48ddfd2d2c72e14a2b3f4a1c15 Mon Sep 17 00:00:00 2001 From: trivernis Date: Fri, 18 Feb 2022 18:46:06 +0100 Subject: [PATCH] Change repository overview to center align entries Signed-off-by: trivernis --- .../repository-overview.component.scss | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/mediarepo-ui/src/app/components/core/repositories-tab/repository-overview/repository-overview.component.scss b/mediarepo-ui/src/app/components/core/repositories-tab/repository-overview/repository-overview.component.scss index c336ee4..e16282d 100644 --- a/mediarepo-ui/src/app/components/core/repositories-tab/repository-overview/repository-overview.component.scss +++ b/mediarepo-ui/src/app/components/core/repositories-tab/repository-overview/repository-overview.component.scss @@ -1,8 +1,14 @@ .repository-container { - margin: 1em; + padding: 1em; + margin: auto; display: block; - width: 600px; + width: calc(600px - 2em); float: left; + + app-repository-card { + display: block; + position: relative; + } } .repo-page-content { @@ -21,17 +27,13 @@ } .repository-list { - display: block; + display: flex; + flex-wrap: wrap; overflow-y: auto; overflow-x: hidden; height: calc(100% - 5em); } -app-repository-card { - display: block; - position: relative; -} - .add-repository-prompt { button {