Change repository overview to center align entries

Signed-off-by: trivernis <trivernis@protonmail.com>

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 {