Update overview quicklinks with community approved design
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Ia748182f6a6bf8d7dc87e2f367f02c0528ecf441
diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue
index 2672af7..4412d19 100644
--- a/src/views/Overview/Overview.vue
+++ b/src/views/Overview/Overview.vue
@@ -1,9 +1,12 @@
<template>
<b-container fluid>
<PageTitle />
+ <div class="quicklinks-section">
+ <OverviewQuickLinks />
+ </div>
<b-row>
- <b-col lg="8" sm="12">
- <PageSection sectionTitle="Server information">
+ <b-col>
+ <PageSection sectionTitle="Server Information">
<b-row>
<b-col sm="6">
<dl>
@@ -76,9 +79,6 @@
</b-row>
</PageSection>
</b-col>
- <b-col lg="4" sm="12">
- <OverviewQuickLinks />
- </b-col>
</b-row>
<PageSection sectionTitle="High priority events">
<OverviewEvents />
@@ -127,3 +127,10 @@
}
};
</script>
+
+<style lang="scss" scoped>
+.quicklinks-section {
+ margin-bottom: $spacer * 2;
+ margin-left: -1rem;
+}
+</style>