From edbecbda9320669199dce88e2f85dcd804238d3a Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Thu, 15 Jan 2015 17:26:01 +0100
Subject: [PATCH] Added style variable names as subtitle in color list

---
 .../install/files/acp/templates/styleVariableColor.tpl    | 8 ++++++--
 wcfsetup/install/files/style/styleEditor.less             | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/wcfsetup/install/files/acp/templates/styleVariableColor.tpl b/wcfsetup/install/files/acp/templates/styleVariableColor.tpl
index a6d77fc853..272e871dbe 100644
--- a/wcfsetup/install/files/acp/templates/styleVariableColor.tpl
+++ b/wcfsetup/install/files/acp/templates/styleVariableColor.tpl
@@ -1,5 +1,9 @@
 <figure>
-	<figcaption>{lang}wcf.acp.style.colors.{$languageVariable}{/lang}</figcaption>
-	<div class="colorPreview"><div class="jsColorPicker jsTooltip" title="{$variableName}" style="background-color: {$variables[$variableName]}" data-color="{$variables[$variableName]}" data-store="{$variableName}_value"></div></div>
+	<figcaption>
+		{lang}wcf.acp.style.colors.{$languageVariable}{/lang}
+		<br />
+		<span class="dimmed">@{$variableName}</span>
+	</figcaption>
+	<div class="colorPreview"><div class="jsColorPicker" style="background-color: {$variables[$variableName]}" data-color="{$variables[$variableName]}" data-store="{$variableName}_value"></div></div>
 	<input type="hidden" id="{$variableName}_value" name="{$variableName}" value="{$variables[$variableName]}" /> 
 </figure>
\ No newline at end of file
diff --git a/wcfsetup/install/files/style/styleEditor.less b/wcfsetup/install/files/style/styleEditor.less
index bbfc0abf0f..d38dc9038f 100644
--- a/wcfsetup/install/files/style/styleEditor.less
+++ b/wcfsetup/install/files/style/styleEditor.less
@@ -13,7 +13,7 @@
 		cursor: pointer;
 		display: block;
 		height: 60px;
-		width: 160px;
+		width: 180px;
 	}
 }
 
-- 
2.20.1