Minor UI improvements

Signed-off-by: Joachim von Eichborn <joachimeichborn@users.noreply.github.com>
nextcloud · Mar 30, 2022 · 0eb4605 · 0eb4605
1 parent 3859c00
commit 0eb4605
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/NotesCaption.vue b/src/components/NotesCaption.vue
@@ -24,8 +24,9 @@ export default {
 	.title {
 		color: var(--color-primary-light-text);
 		font-weight: bold;
-		font-size: 1.2em;
 		padding-left: 10px;
+		padding-top: 5px;
+		padding-bottom: 5px;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;

diff --git a/src/components/NotesView.vue b/src/components/NotesView.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="notes-view" :class="{ collapsed: collapsed }">
 		<div class="header">
-			<Actions :class="{ flipped: collapsed }">
+			<Actions :class="{ flipped: collapsed }" id="shrinkButton">
 				<ActionButton @click="collapsed=!collapsed">
 					<ArrowLeftThickIcon slot="icon" :size="24" fill-color="var(--color-main-text)" />
 					{{ t('notes', 'Note is read-only. You cannot change it.') }}
@@ -229,4 +229,10 @@ export default {
 		vertical-align: top;
 		margin-right: 5px;
 	}
+
+	@media (min-width: 900px) {
+	#shrinkButton {
+		display: none;
+	}
+}
 </style>