Add 'Reasons to use Nextcloud in your organization' call to action in…

… settings

Signed-off-by: Jan C. Borchardt <[email protected]>

apps/settings/css/settings.scss

@@ -161,6 +161,37 @@ select {
 }
 
 
+// Button for 'Reasons to use Nextcloud in your organization'
+.development-notice {
+	text-align: center;
+}
+
+.link-button {
+	display: inline-block;
+	margin: 16px;
+	padding: 14px 20px;
+	background-color: var(--color-primary);
+	color: #fff;
+	border-radius: var(--border-radius-pill);
+	border: 1px solid var(--color-primary);
+	box-shadow: 0 2px 9px var(--color-box-shadow);
+
+	&:active,
+	&:hover,
+	&:focus {
+		color: var(--color-primary);
+		background-color: var(--color-primary-text);
+		border-color: var(--color-primary) !important;
+	}
+
+	&.icon-file {
+		padding-left: 48px;
+		background-position: 24px;
+	}
+}
+
+
+
 @media (min-width: 1200px) and (max-width: 1400px) {
 	#personal-settings {
 		display: grid;

apps/settings/templates/settings/personal/development.notice.php

@@ -1,4 +1,7 @@
-<div class="section">
+<div class="section development-notice">
+	<p>
+		<button class="link-button icon-file">Reasons to use Nextcloud in your organization</button>
+	</p>
 	<p>
 		<?php print_unescaped(str_replace(
 			[