diff options
author | Jan C. Borchardt <hey@jancborchardt.net> | 2020-08-20 01:54:11 +0300 |
---|---|---|
committer | Jan C. Borchardt <hey@jancborchardt.net> | 2020-08-20 01:54:11 +0300 |
commit | f0a306c3fe9ab33782802492fc321c22e2c558ad (patch) | |
tree | 3a7a98d9375489357b02e1d2b3e38aac04fb6986 /apps/dashboard | |
parent | 70d1d1997af5fe8d18f2d0ed06680bdbef76e304 (diff) |
Weather status: Fix small design issues
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'apps/dashboard')
-rw-r--r-- | apps/dashboard/src/App.vue | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue index fa9b481e54e..d8f9406631d 100644 --- a/apps/dashboard/src/App.vue +++ b/apps/dashboard/src/App.vue @@ -1,13 +1,13 @@ <template> <div id="app-dashboard" :style="backgroundStyle"> <h2>{{ greeting.text }}</h2> - <div class="statuses"> + <ul class="statuses"> <div v-for="status in registeredStatus" :id="'status-' + status" :key="status"> <div :ref="'status-' + status" /> </div> - </div> + </ul> <Draggable v-model="layout" class="panels" @@ -419,7 +419,7 @@ export default { } .edit-panels, - .statuses ::v-deep #user-status-menu-item__subheader>button { + .statuses ::v-deep .action-item > button { background-color: var(--color-background-translucent); backdrop-filter: var(--background-blur); @@ -482,12 +482,11 @@ export default { display: flex; flex-direction: row; justify-content: center; - margin-bottom: 40px; + flex-wrap: wrap; + margin-bottom: 36px; & > div { - max-width: 200px; - margin-left: 10px; - margin-right: 10px; + margin: 8px; } } |