msc: center cards, navbar color

frontend/src/components/ItemDetails.vue

@@ -116,12 +116,13 @@ export default {
 <style lang="css" scoped>
 .details-deck {
     flex-wrap: wrap;
+    margin: auto;
 }
 
 .content-container {
     width: 45rem;
     flex: 45rem;
-    margin: 1rem;
+    margin: 1rem auto;
 }
 
 .item-description {

frontend/src/components/Navbar.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <va-navbar shape class="navbar">
+        <va-navbar shape color="#79589f" class="navbar">
             <template #left>
                 <va-navbar-item class="top-icon">
                     <va-icon size="3rem" color="gray" name="public" @click="$router.push('/')" />

frontend/src/components/OverviewScreen.vue

@@ -72,7 +72,7 @@ export default {
 .content-container {
     width: 45rem;
     height: 28rem;
-    margin: 1rem;
+    margin: 1rem auto;
 }
 
 .no-items {

frontend/src/views/ItemView.vue

@@ -66,4 +66,8 @@ export default {
     display: flex;
     flex-direction: row;
 }
+
+.main-view {
+    margin: auto;
+}
 </style>