From bc29a383ffce45a9cc3909bed1581b07f65dac4f Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Sun, 7 Jul 2019 20:59:29 +0200
Subject: [PATCH] Improved "Participate now" box

---
 com.woltlab.wcf/box.xml                       |  1 +
 .../templates/boxRegisterButton.tpl           | 10 ++++-----
 wcfsetup/install/files/style/layout/box.scss  | 22 +++++++++++++++++++
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/com.woltlab.wcf/box.xml b/com.woltlab.wcf/box.xml
index 59aa0ca93a..28e0ff64f1 100644
--- a/com.woltlab.wcf/box.xml
+++ b/com.woltlab.wcf/box.xml
@@ -44,6 +44,7 @@
 			<boxType>system</boxType>
 			<position>contentBottom</position>
 			<objectType>com.woltlab.wcf.registerButton</objectType>
+			<cssClassName>boxInfo</cssClassName>
 			<showHeader>1</showHeader>
 			<content language="de">
 				<title>Jetzt mitmachen!</title>
diff --git a/com.woltlab.wcf/templates/boxRegisterButton.tpl b/com.woltlab.wcf/templates/boxRegisterButton.tpl
index d5d60839d9..39f6931c1a 100644
--- a/com.woltlab.wcf/templates/boxRegisterButton.tpl
+++ b/com.woltlab.wcf/templates/boxRegisterButton.tpl
@@ -3,12 +3,10 @@
 
 <div class="formSubmit"><a href="{link controller='Register'}{/link}" class="button buttonPrimary">{lang}wcf.user.login.register.registerNow{/lang}</a></div>
 {elseif $box->position == 'contentTop' || $box->position == 'contentBottom'}
-<div class="info">
-	<p>{lang}wcf.user.login.register.teaser{/lang}</p>
+<p>{lang}wcf.user.login.register.teaser{/lang}</p>
 
-	<div class="formSubmit">
-		<a href="{link controller='Register'}{/link}" class="button buttonPrimary">{lang}wcf.user.login.register.registerNow{/lang}</a>
-		<a href="{link controller='Login'}{/link}" class="button buttonPrimary">{lang}wcf.user.button.login{/lang}</a>
-	</div>
+<div class="formSubmit">
+	<a href="{link controller='Register'}{/link}" class="button buttonPrimary">{lang}wcf.user.login.register.registerNow{/lang}</a>
+	<a href="{link controller='Login'}{/link}" class="button buttonPrimary">{lang}wcf.user.button.login{/lang}</a>
 </div>
 {/if}
diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index 5ff9ab8b40..2f2bd39fcb 100644
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -695,6 +695,28 @@
 		}
 	}
 	
+	.boxInfo {
+		background-color: $wcfStatusInfoBackground;
+		color: $wcfStatusInfoText;
+		padding: 20px;
+		text-align: center;
+		
+		a:not(.button) {
+			color: $wcfStatusInfoLink;
+			
+			@include wcfFontBold;
+			
+			&:hover {
+				color: $wcfStatusInfoLinkActive;
+				text-decoration: underline;
+			}
+		}
+		
+		.formSubmit {
+			margin-top: 20px;
+		}
+	}
+	
 	@include screen-xs {
 		.boxImage {
 			align-items: center;
-- 
2.20.1