increase size of load all completed tasks button

Signed-off-by: szaimen <[email protected]>
nextcloud · Sep 13, 2021 · 57f6618 · 57f6618
1 parent 27e59ec
commit 57f6618
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/src/components/DeleteCompletedModal.vue b/src/components/DeleteCompletedModal.vue
@@ -144,16 +144,15 @@ export default {
 
 <style lang="scss" scoped>
 .loadmore {
-	font-size: 11px;
-	margin-top: 10px;
 	text-align: center;
-	height: 21px;
+	top: 10px;
+	position: relative;
 
 	span {
 		color: var(--color-text-lighter);
 		background-color: var(--color-main-background);
 		border-radius: var(--border-radius-pill);
-		padding: 3px 6px;
+		padding: 10px;
 
 		&:hover {
 			cursor: pointer;

diff --git a/src/components/LoadCompletedButton.vue b/src/components/LoadCompletedButton.vue
@@ -59,16 +59,15 @@ export default {
 
 <style lang="scss" scoped>
 .loadmore {
-	font-size: 11px;
-	margin-top: 10px;
 	text-align: center;
-	height: 21px;
+	top: 10px;
+	position: relative;
 
 	span {
 		color: var(--color-text-lighter);
 		background-color: var(--color-main-background);
 		border-radius: var(--border-radius-pill);
-		padding: 3px 6px;
+		padding: 10px;
 
 		&:hover {
 			cursor: pointer;