chore: npm run stylelint:fix

And fix remaining issues manually.

Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>

14 files changed, 41 insertions, 25 deletions

diff --git a/src/components/AppContent/CircleContent.vue b/src/components/AppContent/CircleContent.vue
index f6a17273..17825842 100644
--- a/src/components/AppContent/CircleContent.vue
+++ b/src/components/AppContent/CircleContent.vue
@@ -167,7 +167,8 @@ button {
 		margin-right: 10px;
 	}
 }
+
 .empty-content {
-  height: 100%;
+	height: 100%;
 }
 </style>
diff --git a/src/components/AppContent/ContactsContent.vue b/src/components/AppContent/ContactsContent.vue
index 4549f565..1cbf8f56 100644
--- a/src/components/AppContent/ContactsContent.vue
+++ b/src/components/AppContent/ContactsContent.vue
@@ -194,6 +194,6 @@ export default {
 </script>
 <style lang="scss" scoped>
 .empty-content {
-  height: 100%;
+	height: 100%;
 }
 </style>
diff --git a/src/components/AppNavigation/RootNavigation.vue b/src/components/AppNavigation/RootNavigation.vue
index 9f98dfb4..fd082305 100644
--- a/src/components/AppNavigation/RootNavigation.vue
+++ b/src/components/AppNavigation/RootNavigation.vue
@@ -502,13 +502,16 @@ $caption-padding: 22px;
 .app-navigation__collapse :deep(a) {
 	color: var(--color-text-maxcontrast)
 }
+
 :deep(.settings-button__label) {
 	opacity: .7;
 	font-weight: bold;
 }
+
 .contacts-settings {
-	padding: calc(var(--default-grid-baseline, 4px)*2);
+	padding: calc(var(--default-grid-baseline, 4px) * 2);
 }
+
 .contacts-settings-button {
 	width: 100%;
 	justify-content: start !important;
diff --git a/src/components/AppNavigation/Settings/SettingsAddressbook.vue b/src/components/AppNavigation/Settings/SettingsAddressbook.vue
index 1f81fd33..c3483cce 100644
--- a/src/components/AppNavigation/Settings/SettingsAddressbook.vue
+++ b/src/components/AppNavigation/Settings/SettingsAddressbook.vue
@@ -412,6 +412,10 @@ export default {
 		}
 	}
 	&__share {
+		background-color: transparent;
+		border: none;
+		box-shadow: none;
+
 		&--shared {
 			opacity: .7;
 		}
@@ -420,6 +424,7 @@ export default {
 		opacity: .5;
 	}
 }
+
 .settings-addressbook-list {
 	display: flex;
 	width: 100%;
@@ -427,11 +432,7 @@ export default {
 		justify-content: flex-start;
 	}
 }
-.addressbook__share {
-	background-color: transparent;
-	border: none;
-	box-shadow: none;
-}
+
 .addressbook-shares {
 	padding-top: 10px;
 }
diff --git a/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue b/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue
index 3ab1bcdf..36f2b64c 100644
--- a/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue
+++ b/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue
@@ -151,6 +151,7 @@ export default {
 	text-overflow: ellipsis;
 	width: 107px;
 }
+
 :deep(.button-vue--vue-secondary) {
 	background-color: transparent;
 	border: none;
diff --git a/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue b/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue
index 7360ce51..0398cb5b 100644
--- a/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue
+++ b/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue
@@ -92,6 +92,7 @@ export default {
 	display: flex;
 	width: calc(100% - 44px);
 }
+
 .new-addressbook-entry {
 	display: flex;
 	align-items: center;
diff --git a/src/components/CircleDetails.vue b/src/components/CircleDetails.vue
index 0a1090f8..6939e687 100644
--- a/src/components/CircleDetails.vue
+++ b/src/components/CircleDetails.vue
@@ -451,6 +451,7 @@ export default {
 	width: 24px;
 	height: 24px;
 }
+
 .resource {
 	&__icon {
 		width: 44px;
diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue
index 7154b2e0..3a527d2f 100644
--- a/src/components/ContactDetails.vue
+++ b/src/components/ContactDetails.vue
@@ -1071,11 +1071,13 @@ export default {
 		display: block;
 	}
 }
+
 section.contact-details {
 	display: flex;
 	flex-direction: column;
 	gap: 40px;
 }
+
 .quick-actions {
 	display: flex;
 	flex: 1 0 auto;
@@ -1084,14 +1086,15 @@ section.contact-details {
 	margin-left: 204px;
 	padding-bottom: 30px;
 }
-	@media only screen and (max-width: 600px) {
-		.quick-actions {
-			justify-content: center;
-			display: flex;
-			margin-top: -44px;
-			margin-left: 0;
-		}
+@media only screen and (max-width: 600px) {
+	.quick-actions {
+		justify-content: center;
+		display: flex;
+		margin-top: -44px;
+		margin-left: 0;
 	}
+}
+
 #qrcode-modal {
 	:deep(.modal-container) {
 		display: flex;
@@ -1102,6 +1105,7 @@ section.contact-details {
 		}
 	}
 }
+
 :deep(.v-select.select) {
 	min-width: 0;
 	flex: 1 auto;
@@ -1109,6 +1113,7 @@ section.contact-details {
 		display: none;
 	}
 }
+
 #pick-addressbook-modal {
 	:deep(.modal-container) {
 		display: flex;
@@ -1125,14 +1130,17 @@ section.contact-details {
 		}
 	}
 }
+
 .action-item {
 	background-color: var(--color-primary-element-light);
 	border-radius: var(--border-radius-rounded);
 }
+
 :deep(.button-vue--vue-tertiary:hover),
 :deep(.button-vue--vue-tertiary:active) {
 	background-color: var(--color-primary-element-light-hover) !important;
 }
+
 .related-resources {
 	display:inline-grid;
 	margin-top: 88px;
@@ -1149,6 +1157,7 @@ section.contact-details {
 		margin-top: 40px;
 	}
 }
+
 .last-edit {
 	display: inline-flex;
 }
@@ -1160,8 +1169,9 @@ section.contact-details {
 }
 
 .address-book {
-  min-width: 260px !important;
+	min-width: 260px !important;
 }
+
 .empty-content {
 	height: 100%;
 }
diff --git a/src/components/ContactDetails/ContactDetailsAvatar.vue b/src/components/ContactDetails/ContactDetailsAvatar.vue
index a519cf38..75987cd4 100644
--- a/src/components/ContactDetails/ContactDetailsAvatar.vue
+++ b/src/components/ContactDetails/ContactDetailsAvatar.vue
@@ -555,13 +555,10 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.avatar__container {
-	padding: 24px;
-}
-
 .avatar {
 	&__container {
 		margin: 0 auto;
+		padding: 24px;
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
diff --git a/src/components/DetailsHeader.vue b/src/components/DetailsHeader.vue
index 502e2a28..fb941644 100644
--- a/src/components/DetailsHeader.vue
+++ b/src/components/DetailsHeader.vue
@@ -82,7 +82,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../css/ContactDetailsLayout.scss';
+@import '../../css/ContactDetailsLayout';
 
 $top-padding: 50px;
 
diff --git a/src/components/EntityPicker/EntityPicker.vue b/src/components/EntityPicker/EntityPicker.vue
index 3be09c5f..aa28b8ff 100644
--- a/src/components/EntityPicker/EntityPicker.vue
+++ b/src/components/EntityPicker/EntityPicker.vue
@@ -375,7 +375,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use "sass:math";
+@use 'sass:math';
 
 // Dialog variables
 $dialog-padding: 20px;
diff --git a/src/components/EntityPicker/EntitySearchResult.vue b/src/components/EntityPicker/EntitySearchResult.vue
index cdc4e35c..f7cac04e 100644
--- a/src/components/EntityPicker/EntitySearchResult.vue
+++ b/src/components/EntityPicker/EntitySearchResult.vue
@@ -76,7 +76,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use "sass:math";
+@use 'sass:math';
 
 // https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556
 // recommended is 48px
diff --git a/src/components/EntityPicker/NewCircleIntro.vue b/src/components/EntityPicker/NewCircleIntro.vue
index a0c1126c..34fd8989 100644
--- a/src/components/EntityPicker/NewCircleIntro.vue
+++ b/src/components/EntityPicker/NewCircleIntro.vue
@@ -148,7 +148,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use "sass:math";
+@use 'sass:math';
 
 // Dialog variables
 $dialog-padding: 20px;
diff --git a/src/components/MemberList.vue b/src/components/MemberList.vue
index 171d6964..b279ac7c 100644
--- a/src/components/MemberList.vue
+++ b/src/components/MemberList.vue
@@ -339,7 +339,8 @@ export default {
 		margin: auto;
 	}
 }
+
 .empty-content {
-  height: 100%;
+	height: 100%;
 }
 </style>