summaryrefslogtreecommitdiffstats
path: root/apps
diff options
context:
space:
mode:
authorJan C. Borchardt <hey@jancborchardt.net>2020-08-20 00:54:11 +0200
committerJan C. Borchardt <hey@jancborchardt.net>2020-08-20 00:54:11 +0200
commitf0a306c3fe9ab33782802492fc321c22e2c558ad (patch)
tree3a7a98d9375489357b02e1d2b3e38aac04fb6986 /apps
parent70d1d1997af5fe8d18f2d0ed06680bdbef76e304 (diff)
downloadnextcloud-server-f0a306c3fe9ab33782802492fc321c22e2c558ad.tar.gz
nextcloud-server-f0a306c3fe9ab33782802492fc321c22e2c558ad.zip
Weather status: Fix small design issues
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'apps')
-rw-r--r--apps/dashboard/src/App.vue13
-rw-r--r--apps/user_status/src/App.vue1
-rw-r--r--apps/weather_status/src/App.vue2
3 files changed, 6 insertions, 10 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;
}
}
diff --git a/apps/user_status/src/App.vue b/apps/user_status/src/App.vue
index c9e95fa87fd..75b6b43e9cd 100644
--- a/apps/user_status/src/App.vue
+++ b/apps/user_status/src/App.vue
@@ -287,7 +287,6 @@ li:not(.inline) #user-status-menu-item {
border: 0;
border-radius: var(--border-radius-pill);
font-weight: normal;
- font-size: 0.875em;
padding-left: 40px;
&:hover,
diff --git a/apps/weather_status/src/App.vue b/apps/weather_status/src/App.vue
index 59db8600bf2..eef81c8a7d0 100644
--- a/apps/weather_status/src/App.vue
+++ b/apps/weather_status/src/App.vue
@@ -454,7 +454,6 @@ li:not(.inline) .weather-status-menu-item {
border: 0;
border-radius: 0;
font-weight: normal;
- font-size: 0.875em;
padding-left: 40px;
&:hover,
@@ -481,7 +480,6 @@ body.theme--dark .inline .weather-status-menu-item__subheader > button {
border: 0;
border-radius: var(--border-radius-pill);
font-weight: normal;
- font-size: 0.875em;
padding-left: 40px;
&:hover,